@charset "UTF-8";

:root{
  --border: 1px #E5E5E5 solid;
  --background: #F7F7F7;
  --fontbold: 600
}
body{
  position:static;
}
main {
  margin-top: 161px;
  width: unset;
  max-width: unset;
}
h2, .top-h2{
  border-bottom: var(--border);
  padding-bottom: 16px;
  width: 100%;
}
/* h1 {
  font-size: 24px;
  font-weight: bold;
  max-width: 1200px;
  margin: auto;
  width: 90%;
} */
.section-iteminfo {
  overflow: hidden;
  background: var(--background);
}
.section-iteminfo-main .block-iteminfo{
  margin-bottom: 77px;
}
.block-iteminfo,
.section-iteminfo-sub{
  max-width: 1120px;
  margin: auto;
  width: 90%;
  background: unset;
}
.section-iteminfo.section-iteminfo-sub{
      margin-top: 77px;
}

.section-iteminfo h3{
  font-weight: var(--fontbold);
    border-bottom: var(--border);
    margin-bottom: 16px;
    padding-bottom: 14px;
    width: 100%;
}
.block-content-iteminfo-r h3.pc-only,
.iteminfo-contents-link{
  margin-top: 77px;
}

.section-eyecatch,
.section-iteminfo,
.section-itemchecked,
.section-koramu {
  margin-top: 0;
}

.section-itemrelaton {
  margin-top: 80px;
}

.section-breadcrumb {
  margin-top: 0;
  padding-bottom: 35px;
  background: var(--background);
}


.footer-breadcrumb {
    background: #fff;
}
.section-used-service {
  margin: auto;
  margin-top: 20px;
  height: 70px;
}

.section-used-service img {
  margin: auto;
  display: block;
}

.sub-en {
  max-width: 90%;
  margin: auto;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 50px;
}

.block-content-iteminfo-r-box .title,
.iteminfo-contents-link .title,
.iteminfo-label{
  position: relative;
  font-weight: var(--fontbold);
}


.block-content-iteminfo-r-box .title::before,
.iteminfo-contents-link .title::before,
.iteminfo-label::before,
.block-content-iteminfo-r-box .title::after,
.iteminfo-contents-link .title::after,
.iteminfo-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;
    }
.block-content-iteminfo-r-box .title::after,
.iteminfo-contents-link .title::after,
.iteminfo-label::after{
          transform: rotate(-90deg);
}
.block-content-iteminfo-r-box.active .title::after,
.iteminfo-contents-link.active .title::after,
.block-content-iteminfo-r.active .iteminfo-label::after,
.block-content-iteminfo-r .loan_simulation .title::after{
          transform: rotate(0deg);
}
/* ================================ */
/* アイキャッチ */
/* ================================ */
.block-eyecatch {
  width: 1024px;
  margin: auto;
}

/* ================================ */
/* 商品詳細 */
/* ================================ */
.block-iteminfo {
  width: 100%;
  margin: auto;
  position: relative;
}

/* ================================ */
/* 左エリア定義 */
/* ================================ */
.block-iteminfo-l {
  float: left;
  width: calc(588 / 1120 * 100%);
  /* padding: 0px 3% 0 0; */
}

.section-iteminfo-sub .block-iteminfo-l {
      width: calc(520 / 1120 * 100%);
}

/* ================================ */
/* 右エリア定義 */
/* ================================ */
.block-iteminfo-r {
  float: right;
  width: calc(452 / 1120 * 100%);
}

.section-iteminfo-sub .block-iteminfo-r {
      width: calc(520 / 1120 * 100%);
}

/* 右エリア定義 */


/* .block-iteminfo-r .overlay { */
.overlay {
  opacity: 0;
  visibility: hidden;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  transition: 0.3s all;
}

.modal {
  opacity: 0;
  visibility: hidden;

  width: 100%;
  max-width: 1000px;

  height: auto;
  max-height: 80vh;
  overflow-y: scroll;
  position: fixed;
  width: 90%;
  bottom: 0%;
  left: 50%;
  top: 9%;
  transform: translate(-50%, 0);
  z-index: 30;


  box-shadow: 0 3px 10px -0.5px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 80px 0 0;
  border-radius: 3px;
  background-color: #fff;
  transition: 0.3s all;
}

.block-iteminfo-r .modal.active,
.overlay.active {
  opacity: 1;
  visibility: visible;
}

.modal.active {
  bottom: 0;
  z-index: 9999;
}

.modal__cross {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  fill: #444;
  cursor: pointer;
}

/*三本のアニメーション*/
.sns-box .modal__cross .m-cross__line {
  position: absolute;
  left: 1px;
  width: 30px;
  height: 2px;
  background-color: #111;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

/*開いた後*/
.sns-box .modal__cross .m-cross__line-1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 14px;
}

.sns-box .modal__cross .m-cross__line-3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 14px;
}


/* ================================ */
/* 商品画像（中） */
/* ================================ */
/* .iteminfo-img {
  text-align: center;
}

.iteminfo-img {
  max-width: 550px;
  width: 100%;
  margin: auto;
  position: relative;
}
*/
.inner .item_img_550 {
  max-width: 353px;
  width: 100%;
} 
.inner .ss-top_image .item_img_550 {
  max-width: unset;

}

  .inner {
    position: relative;
  }


  [class*=swiper]:focus {
    outline: none;
  }

  .swiper-slide{
    position: relative;
    overflow: hidden;
  }

  .thumb-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  /* .swiper-button-disabled {
    pointer-events: none;
    opacity: 0;
  } */

  .img-maingallery {
    overflow: hidden;
  }
  .img-maingallery .swiper{
    position: relative;
    margin: auto;
  }
  .img-maingallery .swiper-main {
    overflow: visible;
    display: inline-block;
    width: calc(100% - 88px);
    /* padding: 12%; */
    background: #fff;
    text-align: center;
    float: right;
  }
  .img-maingallery .swiper-thumb {
        height: 500px;
        max-width: 80px;
        display: inline-block;
  }
  .img-maingallery .swiper-main .swiper-slide a{
        padding: 12%;
        display: block;
        background: #fff;
  }

  /* イメージ画像 枠無し */
  .img-maingallery .swiper-main .ss-top_image a{
        padding: 0%;
        display: block;
  }

  /* .img-maingallery .swiper-fade .swiper-slide {
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
  } */
  /* .gallimg-maingalleryery01 .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  } */

  .img-maingallery .slide {
    display: block;
    overflow: hidden;
  }
  .img-maingallery .slide-media {
    display: block;
    padding-top: 62.5%;
    border-radius: 4px;
  }
  .img-maingallery .slide-media img {
    -o-object-fit: contain;
    object-fit: contain;
  }





/* ================================ */
/* 商品画像（小）リスト */
/* ================================ */



  .img-maingallery .swiper-thumb .swiper-wrapper {
    float: left;
    /* height: 500px; */
    /* height: 100%; */
    display: inline-block;
    vertical-align: top;
    max-width: 80px;
    margin-right: 8px;
    width: 100%;
  }
  .img-maingallery .swiper-thumb .swiper-slide{
    height: auto;
    padding-top: 100%;
    margin-bottom: 8px;
    cursor: pointer;
  }
  .img-maingallery .swiper-thumb .swiper-slide{
    opacity: .5;
    transition: all 0.3s;
  }
  .img-maingallery .swiper-thumb .swiper-slide:hover{
    opacity: 1;
    transition: all 0.3s;
  }
  .img-maingallery .swiper-thumb .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
  }
  .img-maingallery .thumb-media-active img {

  }





/* ================================ */
/* 商品画像（大）modal */
/* ================================ */
/* .lightboxOverlay{
  position: fixed;
}
.lightbox .lb-image{
    height: unset !important;
    max-width: 1150px !important;
    width: unset !important;
} */












/* .iteminfo-img-list {
  margin-right: 30px;
  margin-top: 20px;
}

.iteminfo-img-list .upper,
.iteminfo-img-list .upper-r,
.iteminfo-img-list .under,
.iteminfo-img-list .under-l,
.iteminfo-img-list .under-r {
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 15px;
}

.iteminfo-img-list .upper-r,
.iteminfo-img-list .under-r {
  margin-right: 0;
}

.iteminfo-img-list .under,
.iteminfo-img-list .under-l,
.iteminfo-img-list .under-r {
  margin-top: 15px;
}

.iteminfo-img-list .under-l {
  clear: both;
} */

/*
.iteminfo-img-list .sam-view{
  height: auto;
  width: 70px;
  margin-left: 1%;
}
*/
/*スライド画像　スクロール用*/
/* .item_img_550 {
  width: 84%;
  position: relative;
  z-index: 100;
} */

/*.iteminfo-img .lb-nav{
    z-index: -100;
}*/
/* .iteminfo-img .lb-nav a.lb-next {
  width: 10%;
  right: -10px;
  margin-right: 10px;
}

.iteminfo-img .lb-nav a.lb-prev {
  width: 10%;
  left: -10px;
  margin-left: 10px;
} */









/* ================================ */
/* /favorite お気に入り */
/* ================================ */
.f-star-btn input[type="checkbox"] {
  display: none;
}

.f-star-btn .f-star {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
}

.f-star-btn .f-star:after {
  content: "";
  width: 40px;
  height: 40px;
  background: unset;
  border: 0;
  top: 7px;
  left: 10px;
  /* top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%); */
  background-image: url(/images/icon/star.png);
  background-size: 40px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 100;
}

.f-star-btn input[type="checkbox"]:checked+label:after {
  background-image: url(/images/icon/star-1.png);
  width: 40px;
  height: 40px;
}
.swiper-n-container .my-pageonly{
    left: 59px;
    top: -18px;
}
.my-pageonly {
    width: 221px;
}

.mp-onlyitem {
    padding: 4px 5px;
}

.mp-onlyitem:before {

}

.mp-onlyitem:after {

}

.my-pageonly .mp-onlyitem p {
}

.my-pageonly .mp-onlyitem span {

}



/* ================================ */
/* ローディング loading */
/* ================================ */
.loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: 100%;
  height: 100%;
  background: #3939391a;
}

.loading img {
  width: 45px;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

/* ================================ */
/* レビュー ★評価 星 */
/* ================================ */
.review-star {
  margin: auto;
}

.review-star .model-name {
  margin: auto;
}

.review-star .model-name p {
  display: inline-block;
  vertical-align: middle;
}

.review-star p span {
  width: 25px;
  display: inline-block;
  height: 25px;
  background: url(/images/icon/star-icon.png) no-repeat;
  background-position: 0px 0px;
  background-size: 270px;
}

/* 1：塗りつぶした★
2：塗りつぶさない☆
3：0.1点の時の★
4：0.2点の時の★
5：0.3点の時の★
6：0.4点の時の★
7：0.5点の時の★
8：0.6点の時の★
9:0.7点の時の★
8：0.8点の時の★
9:0.9点の時の★ */

/* 塗りつぶした★(クラスを付けない)
０：塗りつぶさない☆
1：0.1点の時の★
2：0.2点の時の★
3：0.3点の時の★
4：0.4点の時の★
5：0.5点の時の★
6：0.6点の時の★
7 : 0.7点の時の★
8：0.8点の時の★
9 : 0.9点の時の★ */

.review-star p .star-0 {
  background-position: -24px 0;
}

.review-star p .star-1 {
  background-position: -49px 0;
}

.review-star p .star-2 {
  background-position: -74px 0;
}

.review-star p .star-3 {
  background-position: -98px 0;
}

.review-star p .star-4 {
  background-position: -123px 0;
}

.review-star p .star-5 {
  background-position: -148px 0;
}

.review-star p .star-6 {
  background-position: -172px 0;
}

.review-star p .star-7 {
  background-position: -197px 0;
}

.review-star p .star-8 {
  background-position: -222px 0;
}

.review-star p .star-9 {
  background-position: -246px 0;
}

.review-star .model-name div {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}

.star-point {
  font-size: 20px;
  padding: 0 6px;
}

.star-list span {
  font-size: 12px;
}

/* ================================ */
/* 詳細説明 */
/* ================================ */
.iteminfo-description {
  clear: both;
  overflow: hidden;
  /*border-bottom: 1px solid #ccc;*/
}
.birthstone_txt{
  margin-bottom: 77px;
}
.birthstone_txt a{
  text-decoration: underline;
  padding: 0 .5em;
}
.iteminfo-description .title {
  text-align: left;
  background: #efefef;
  line-height: 40px;
}

.iteminfo-description .title .note {
  font-size: 12px;
  color: red;
  padding: 0;
  margin: 0;
}

.iteminfo-description .body {
  clear: both;
  width: 100%;
  float: none;
  margin-bottom: 77px;
}

.iteminfo-description .body-col {
  border-bottom: 1px #ddd dotted;
}

.iteminfo-description .body-col .body-col-title {
  width: 30%;
  font-weight: var(--fontbold);
  min-width: 150px;
  padding: 16px 0;
  display: table-cell;
  vertical-align: top;
}

.iteminfo-description .body-col .body-col-desc {
  width: 500px;
  padding: 16px 0;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
}

.iteminfo-description .body-col .body-col-desc a {
  border-bottom: 1px #2e2e2e solid;
}

.iteminfo-description .body-col-remarks-1 {
  border-bottom: 1px solid #ccc;
}

.iteminfo-description .body-col-remarks-1 .body-col-title,
.iteminfo-description .body-col-remarks-2 .body-col-title {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
}

.iteminfo-description .body-col-remarks-1 .body-col-desc,
.iteminfo-description .body-col-remarks-2 .body-col-desc {
  margin-bottom: 15px;
  padding-left: 20px;
}

.iteminfo-description .body-col-remarks-2 .body-col-desc {
  margin-top: 15px;
}
  .iteminfo-description input[type="checkbox"]{
    display: none;
  }
/* 商品状態 商品について */
/* ================================ */

.condition-title,
.detail-title {
  text-align: left;
  background: #efefef;
  font-size: 16px;
  line-height: 40px;
  padding-left: 8px;
  font-weight: bold;
}

.condition-desc {
  font-weight: bold;
  padding: 20px 0 10px;
  padding-left: 8px;
}


.detail-2 .detail-desc {
  padding: 0px;
  text-align: left;
}

.iteminfo-banner img {
  width: 100%;
  height: auto;
  margin: auto;
}

.detail-2 h2,
.detail-2 h2 * {
  font-size: 16px;
  font-weight: bold;
}

.detail-2 div {
  display: inline-block;
  margin-right: 5px;
}

/* ******************************* */
/* ******************************** */
.iteminfo-tabs {
  margin: 5px auto 0;
  position: relative;
  clear: both;
}

.tab-buttons,
.tab-buttons-pc {
  max-width: 400px;
  width: 100%;
}

.tab-buttons span,
.tab-buttons-pc span {
  cursor: pointer;
  border-bottom: 2px solid #979797;
  display: block;
  width: 100%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  max-width: 195px;
  margin-right: 10px;
  color: #979797;
  font-size: 18px;
  font-weight: 400;
}




.tab-b-item span {
  font-weight: 500;
  color: #a5a5a5;
  border-bottom: 1px solid #c4c4c4;
}



.tab-content,
.tab-content-pc {
  width: 100%;
  border-bottom: 1px #ddd double;
  padding: 15px;
  display: inline-block;
  font: 400 13px "open sans", sans-serif;
  color: #333;
}




/* ================================ */
/* 各種リンク */
/* ================================ */
.iteminfo-contents-link {
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 20px;
}
.iteminfo-contents-link .title{

}
.iteminfo-contents-link .text{
  display: none;
}
.iteminfo-contents-link a {
  display: block;
}

.iteminfo-contents-link a div {
  position: relative;
  line-height: 48px;
  border-bottom: var(--border);
}

.iteminfo-contents-link .link-l:hover,
.iteminfo-contents-link .link-r:hover {
  color: #c7c7c7;
}

.iteminfo-contents-link a div::after,
.iteminfo-contents-link a div::before {
        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);
    }
.iteminfo-contents-link a div::after {
        transform: rotate(-45deg);
    }
.iteminfo-remarks-body .iteminfo-til{
      margin-top: 16px;
}

  
/* ================================ */
/* 商品レビュー */
/* ================================ */
.iteminfo-review {
  margin-top: 54px;
  overflow: hidden;
  background: var(--background);
}
.listed-review-notfound{
  text-align: center;
}
.review-til {
  max-width: 800px;
  margin: 77px auto 40px;
  border-bottom: var(--border);
}
.review-til p{
  font-weight: var(--fontbold);
}
.listed-reviews{
    max-width: 800px;
    margin: auto;


}
.listed-review{
    overflow: hidden;
    background: #fff;
    margin-bottom: 40px;
}
.listed-review-box{
      width: 90%;
      margin: 48px auto;
}
.review-image img{
      max-width: 180px;
}


.listed-reviews img{
  float: left;
}
.review-img{
  border-bottom:var(--border);
}
.listed-review-brand{
  font-size: 12px;
  margin-bottom: 12px;
}
.listed-review-item{

}

.listed-review-link{
  text-decoration: underline;
  font-size: 12px;
  margin-top: 9px;
}
.listed-review-value{
  display: inline-block;
  font-size: 20px;
    line-height: 1em;
}
.listed-review-date{
  float:right;
}




.review{
    width:calc(100% - 210px);
    float: right;
    font-weight: var(--fontbold);
}

.review-right{
  width:calc(100% - 210px);
  float: right;
  border-top: var(--border);
  margin-top: 16px;
}

.review-flex{
  margin-top: 23px;
}

.listed-review-title{
      margin: 10px auto 24px;
      font-weight: var(--fontbold);
}
.status_icons{
  display: block;
  clear: both;
  margin: 30px auto 12px;
}
.status_icon{
  display: inline-block;
  border: var(--border);
  padding: 0 1%;
  margin-right: 1%;
  line-height: 1.5em;
  font-size: 14px;
}
.more-review span{
  position: relative;
}
.more-review span::before,
.more-review span::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;
  height: auto;
}
.more-review span::after {
        transform: rotate(-90deg);
    }

.more-review.open span::after {
    transform: rotate(0deg);
}

.listed-review-name{
  font-size: 12px;
}
/* ================================ */
/* 商品レビュー広告 */
/* ================================ */
.questionnaire {
  max-width: 564px;
  margin: 20px 40px 40px;
  width: 100%;
}

.questionnaire img {
  width: 100%;
  height: auto;
}

.pcset {
  display: flex;
  width: 100%;
  justify-content: center;
}

/* ================================ */
/* 360°ビュー */
/* ================================ */
.section-360v {
  margin: 0 auto 77px;
}

/* .iteminfo-360-view { */
/* width: 800px; */
/* border: 1px solid #ccc; */
/* padding: 30px;
 margin-top: 30px; */
/* } */

.iteminfo-360-view-title {
  font-size: 18px;
  height: 25px;
  /* text-align: center; */
  font-weight: bold;
  margin-bottom: 10px;
}

.iteminfo-360-view video {
  max-width: 800px;
  margin: auto;
  display: block;
}

/* ================================ */
/* 右ブロックコンテンツ共通定義 */
/* ================================ */
.block-content-iteminfo-r {
  clear: both;
}

/* ================================ */
/* バナー */
/* ================================ */
.block-content-iteminfo-rblock-iteminfo-l {
  width: 100%;
  margin-bottom: 10px;
}



/* ================================ */
/* 新品／中古 */
/* ================================ */
.block-content-iteminfo-r .iteminfo-used {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.block-content-iteminfo-r .iteminfo-used>div {
  display: inline-grid;
  border: var(--border);
  background: #fff;
  text-align: center;
  margin-right: 2%;
  align-items: center;
  vertical-align: middle;
  padding: 3px 8px;
  font-size: 12px;
}
.block-content-iteminfo-r .iteminfo-used .iteminfo-right{
    background: unset;
    border: 0;
    display: inline-flex;
    float: right;
    padding: 0;
}
.hosyo{
    padding: 3px 8px;
    margin-right: 16px;
}

.hosyo img{
  max-width: 60px;
}
.block-content-iteminfo-r .iteminfo-type-body{
  font-size: 12px;
}
.block-content-iteminfo-r .iteminfo-used>div a {
  text-decoration: underline;
}


.block-content-iteminfo-r .iteminfo-used .iteminfo-right>div {

}

.block-content-iteminfo-r .iteminfo-used .iteminfo-right>div a {
  text-decoration: underline;
}

.iteminfo-right{

}

.sale-name {
    margin-top: 10px;
    text-align: left;
    background: #fff;
    border: 1px #000 solid;
    padding: 0 5%;
    line-height: 28px;
    font-size: 12px;
    display: inline-block;
}
.sale-name a{
    color: #000;
    font-weight: normal;
}
.sale-name a br{
  display: none;
}
.sale-name a:hover {
  opacity: .8;
  transition: all 0.3s;
  text-decoration: underline;
}


/* ================================ */
/* 商品名 */
/* ================================ */

.block-content-iteminfo-r .iteminfo-name {
  clear: both;
  overflow: hidden;
  margin: 5px 0 11px;
  /* margin-left: 8px; */
}

.block-content-iteminfo-r .review-star {
  margin: auto;
}

.iteminfo-name .brand-name-en,
.iteminfo-name .model-name,
.iteminfo-name .kataban {
  font-size: 16px;
}

.brand-name-en {
  display: inline-block;
}

/* ================================ */
/* 在庫店舗 */
/* ================================ */

.item-about-where {
  position: relative;
  margin: 15px auto 20px;
  display: inline-block;
  vertical-align: top;
  /* max-width: 225px; */
  /* width: 100%; */
  width: unset;
  min-width: 230px;
  float: right;
}

.i-a-til {
  text-align: center;
  background: #8fb2df;
  color: #fff;
  padding: 0 10px;
  text-align: left;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  /*  */
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  /* max-width: 225px; */
}

.i-a-til:hover {
  background: #a9c1e1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.i-a-til::before {
  content: ">";
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.i-a-til span {
  color: #fff;
  padding-left: 2px;
  line-height: 40px;
}

.i-a-sub {
  color: #8fb2df;
  text-decoration: underline #549eff;
  margin-left: 2%;
  font-size: 13px;
}

.i-time {
  color: #9e9e9e;
  font-weight: 400;
  font-size: 12px;
  margin-left: 1%;
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  right: 2%;
  top: -20px;
}

/* ================================ */
/* 商品ＩＤ */
/* ================================ */

.block-iteminfo-r .content-title {

}

.block-iteminfo-r .content-title .iteminfo-item_kanri_cd{
  font-size: 12px;
}

/* ================================ */
/* 販売価格 */
/* ================================ */
.block-iteminfo-price {
  display: block;
}

.block-content-iteminfo-r .iteminfo-price {
  margin-top: 11px;
  margin-bottom: 20px;
  color: #2e2e2e;
}

/* .iteminfo-price .teika { */
/* clear: both; */
/* } */

/* .iteminfo-price .teika span { */
/* float: right; */
/* } */

.iteminfo-price .l-baika {
  /* float: left; */
  /* line-height: 40px; */
  margin-bottom: 5px;
}


.iteminfo-price .s-baika {
    font-size: 12px;
    margin-top: 12px;
    color: #E52626;
}

.iteminfo-price .t-baika {
    font-size: 28px;
    color: #E52626;
    line-height: 35px;
    letter-spacing: 2px;
    font-weight: var(--fontbold);
}
.iteminfo-price .t-member {
      margin-top: 14px;
}
.iteminfo-price .t-baika-normal{
    color: #000;
    margin-bottom: 8px;
}

.iteminfo-price .t-baika span{
    font-size: 12px;
    line-height: 1em;
    color: #E52626;
    letter-spacing: normal;
}
.iteminfo-price .t-baika .til{
    display: block;
}
.teika,
.teika span {
  font-size: 12px;
  margin-top: 7px;
}


.iteminfo-price .n-baika {
  text-decoration: line-through;
  font-size: 12px;
}

/* ================================ */
/* 在庫 */
/* ================================ */
.block-content-iteminfo-r .iteminfo-stock {
  text-align: center;
  margin: auto;
  font-size: 12px;
}

.request {
  text-align: center;
  /* line-height: 70px; */
}

.request:hover span {
  letter-spacing: unset;
}

.request p {
    background: #000;
    line-height: 48px;
    margin: 8px auto;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease-in;
}

.request a p:hover {
  transition: all 0.3s ease-in;
  background: #919191;
}

.request span {
    font-size: 12px;
}

.iteminfo-stock .thanks-message,
.block-content-iteminfo-r .iteminfo-syodan {
  line-height: 20px;
  margin-bottom: 14px;
  padding: 15px 0;
  text-align: center;
  margin-top: 20px;
  background: #EDEDED;
  font-size: 12px;
}



.other-stock {
  text-align: right;
  color: #8fb2df;
}

.non_zaiko_class {

}

.other-stock a,
.other-stock a:hover {
  color: #1b3360;
  font-size: 12px;
}

/* modal */

.modal-request {
  opacity: 0;
  visibility: hidden;
  width: 90%;
  max-width: 1000px;
  max-height: max-content;
  overflow-y: scroll;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  box-shadow: 0 3px 10px -0.5px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 70px 2%;
  border-radius: 3px;
  background-color: #fff;
  transition: 0.3s all;
}

.modal-request.active {
  opacity: 1;
  visibility: visible;
}

/* 商品リクエストとは */

.item-about-request{
  text-align: right;
}
/* .item-about-request p{
  position: relative;
  display: inline-block;
  float: right;
  font-size: 12px;
  padding-left: 20px;
} */
.item-about-request p::before{
  /* content: "\003F"; */
    /* content: "?"; */
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 14px;
    width: 15px;
    height: 15px;
    border: 1px #000 solid;
    border-radius: 12px;
    display: flex
;
    justify-content: center;
    align-items: center;
}
/* modal */

.section-request-restock .modal {
    opacity: 0;
    visibility: hidden;
    width: 95%;
    max-width: 1000px;
    height: 72vh;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;
    box-shadow: 0 3px 10px -0.5px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 70px 2%;
    border-radius: 3px;
    background-color: #fff;
    transition: 0.4s all;
}
.section-request-restock .modal.active,
.section-request-restock .overlay.active {
    opacity: 1;
    visibility: visible;
}


.section-request-restock .modal.active {
    top: 50%;
    transform: translate(-50%, -50%);
    height: 60vh;
    overflow: scroll;
}
.section-request-restock .modal__cross {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.section-request-restock .modal__cross .m-cross__line {
    position: absolute;
    left: 4px;
    width: 30px;
    height: 1px;
    background-color: #000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.section-request-restock .modal__cross .m-cross__line-1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 18px;
}
.section-request-restock .modal__cross .m-cross__line-3 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
}

.section-request-restock .overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 20;
    transition: 0.3s all;
}

.modal-request .modal__cross {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  fill: #444;
  cursor: pointer;
}

.modal-request .modal__cross .m-cross__line {
  position: absolute;
  left: 1px;
  width: 30px;
  height: 1px;
  background-color: #111;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.modal-request .modal__cross .m-cross__line-1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 14px;
}

.modal-request .modal__cross .m-cross__line-3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 14px;
}


/* modal 内容 */



.request-restoc-inner{
    list-style: none;
    max-width: 800px;
    margin: auto;
}
.request-restoc-inner button{
    border: 0;
    background: #000;
    max-width: 250px;
    width: 100%;
}
.request-restoc-inner > a{
    margin-top: 32px;
    display: block;
    text-decoration: underline;
}
.request-restoc-inner button a{
    color: #fff;
    line-height: 48px;
    display: block;
}
.request-restoc-inner .step{
    /* width: 125px; */
    display: inline-block;
    vertical-align: top;
    padding-right: 5%;
}
.request-restoc-inner .step span{
    font-size: 22px;
    display: block;
}
.request-restoc-inner .step span.nom{
    font-size: 60px;
    font-weight: 600;
}
.request-restoc-inner .request-restoc-txt{
    width: calc(100% - 125px);
    display: inline-block;
    position: relative;
}

.request-restoc-title{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    max-width: 800px;
    margin: auto;
    margin-bottom: 40px;
    padding: 0 0 14px;
}
.request-restoc-inner .request-restoc-txt p{
    font-size: 18px;
    padding: 0 0 14px;
    text-align: left;
    font-weight: 600;
}
.request-restoc-inner .request-restoc-txt img{
    width: 80px;
    display: inline-block;
    margin: 0 50px;
    float: left;
}
.request-restoc-inner .request-restoc-txt div{
    display: inline-block;
    width: calc(100% - 180px);
    text-align: left;
    margin-bottom: 60px;
}
.request-restoc-inner .request-restoc-txt::before{
    content: "";
    width: 1px;
    height: calc(100% + 1em);
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}
.request-restoc-inner .request-restoc-txt::after{
    content: "";
    width: 11px;
    height: 11px;
    border: 1px #000 solid;
    background: #000;
    border-radius: 11px;
    position: absolute;
    top: 35px;
    left: -6px;
}
.request-restoc-inner .request-restoc-txt-1::before{
    top: 40px;
}
.request-restoc-inner .request-restoc-txt-4::before{
    top: unset;
    bottom: 125px;
}

/* ================================ */
/* 免税 */
/* ================================ */
.tax-free-pc {
  max-width: 34px;
} */
/* ================================ */
/* 決済方法 */
/* ================================ */

.contentp2{
      margin-top: 77px;
}

.iteminfo-kessai ul {
  position: relative;
  list-style: none;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
  width: 90%;
}

.iteminfo-kessai li {
  width: 23%;
  margin-right: 2%;
  display: inline-block;
}

.kessai-1,
.kessai-2,
.kessai-3 {
    text-align: center;
    margin: auto;
    line-height: 28px;
    background: #efefef;
    border: var(--border);
}
.iteminfo-kessai{
    margin: 13px auto;
    background: var(--background);
}
.block-content-iteminfo-r-box{
    margin: 8px auto;
    background: var(--background);
    padding: 12px 0;
}

.block-content-iteminfo-r-box p,
.block-content-iteminfo-r-box .iteminfo-kessai-card,
.block-content-iteminfo-r-box .bitcoin-pay,
.block-content-iteminfo-r-box .iteminfo-til,
.block-content-iteminfo-r-box .iteminfo-txt{
    width: 90%;
    margin: auto;
    display: block;
}

.block-content-iteminfo-r-box .text{
  display: none;
}
.loan-til-sub{
    width: 90%;
    margin: auto;
    display: block;
    font-size: 12px;
    margin-top: 8px;
}
/* ================================ */
/* 決済方法（カード） */
/* ================================ */
.block-content-iteminfo-r .iteminfo-kessai-card {
  clear: both;
  position: relative;
  overflow: hidden;
  margin: auto;
}

.iteminfo-kessai-card ul {
  float: left;
  position: relative;
  list-style: none;
}

.iteminfo-kessai-card li {
  float: left;
  position: relative;
  margin-right: 5px;
  height: 30px;
  min-width: 101px;
}
.iteminfo-kessai-card .bitcoin-cash{
      width: 34%;
      min-width: 140px;
}
.kessai-card {
  background: url(/images/shousai-icon.png) no-repeat;
  background-position: 0 -107px;
  width: 250px;
  height: 23px;
}

.kessai-card1 {
  background: url(/images/shousai-icon.png) no-repeat;
  background-position: -21px -142px;
  width: 36px;
  height: 15px;
  float: left;
  margin-top: 12px;
}

.kessai-card2 {
  background: url(/images/shousai-icon.png) no-repeat;
  background-position: -97px -142px;
  width: 58px;
  height: 15px;
  float: left;
  margin-top: 12px;
}

.kessai-card3 {
  background: url(/images/shousai-icon.png) no-repeat;
  background-position: -179px -142px;
  width: 63px;
  height: 15px;
  float: left;
  margin-top: 12px;
}

/*ジェムキャッスルゆきざきでの仮想通貨ご利用について*/
.bitcoin-pay p {
  text-align: left;
  margin-left: 8px;
  background: #e7e7e7;
  display: inline-block;
  padding: 5px;
  margin-top: 5px;
}

/* ================================ */
/* お買い物かご */
/* ================================ */
.block-content-iteminfo-r .iteminfo-cart {
  margin: 20px 0 10px;
  background: #000;
  text-align: center;
  position: relative;
  cursor: pointer;
  clear: both;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;

}
.block-content-iteminfo-r .iteminfo-cart-center{
  width: 100%;
  max-width: 100%;

}
.block-content-iteminfo-r .iteminfo-cart a {
  color: #fff;
  display: block;
  line-height: 48px;
}

.block-content-iteminfo-r .iteminfo-cart:hover {
  background-color: #484848;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 1px;
}

.re-link {
    width: 100%;
    text-align: center;
    border: 1px #000 solid;
}

.re-link a {
    display: block;
    font-weight: var(--fontbold);
    line-height: 48px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.re-link a:hover {
  opacity: .5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 1px;
}

.re-link a br {
  display: none;
}

/* .iteminfo-cart-img {
  background: url(/images/shousai-icon.png) no-repeat;
  background-position: 0 -43px;
  width: 20px;
  height: 24px;
  position: absolute;
  top: 21px;
  left: 28px;
} */

.block-content-iteminfo-r .iteminfo-cart-zaiko {
  width: 100%;
  height: 70px;
  line-height: 70px;
  font-size: 20px;
  color: #2e2e2e;
  text-align: center;
  position: relative;
}

/* ================================ */
/* 商談中 */
/* ================================ */
.block-content-iteminfo-r .iteminfo-syodan {
  margin-top: 10px;
  background: #EDEDED;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.block-content-iteminfo-r .iteminfo-syodan:hover {
  background-color: #808080;
}



/* ================================ */
/* フリーダイヤル */
/* ================================ */

.freetel {
  margin-top: 20px;
  clear: both;
  position: relative;
}

.freetel .tel {
  width: 100%;
  text-align: center;
  margin: 0;
  border: 3px #ccc solid;
  padding: 6px 0;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  letter-spacing: 0.5px;
}

.freetel .tel:hover {
  /* opacity: .6; */
  /* letter-spacing: 1px; */
  /* box-shadow: 1px 2px 6px 0 rgb(204 204 204 / 50%); */
  /*-webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #e3e3e3;
  border-radius: 10px;*/
}

.freetel .tel-1 {
  position: relative;
}

.freetel .tel-1::after {
  content: ">";
  position: absolute;
  right: -7%;
  top: 24%;
  /* transform: translateY(-50%); */
  font-size: 26px;
  color: #717171;
  display: none;
}

.freetel .tel-1::before {
  position: absolute;
  content: "";
  background: url(/images/icon/f-tel.png) no-repeat left;
  background-size: 22px;
  left: -6%;
  top: 18%;
  width: 24px;
  height: 33px;
  display: none;
}

.freetel .tel-2 br {
  display: none;
}

.freetel .tel-contact-img {
  background: unset;
  top: 0;
  right: 22px;
  transition: 0.5s;
}

.freetel .tel-1 {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

.freetel .tel-1 span {
  /* font-size: 20px; */
  letter-spacing: 1px;
}

.freetel .tel-1 img {
  width: 40px;
}



.freetel .i-tel-time {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
}


/*三本のアニメーション*/
.freetel .modal__cross .m-cross__line {
  position: absolute;
  left: 1px;
  width: 30px;
  height: 1px;
  background-color: #111;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

/*開いた後*/
.freetel .modal__cross .m-cross__line-1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 14px;
}

.freetel .modal__cross .m-cross__line-3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 14px;
}

.f-itembox {
  max-width: 450px;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
}

.f-itembox img {
  max-width: 160px;
  display: inline-block;
}

.f-itembox .f-item {
  width: 64%;
  text-align: left;
  display: inline-block;
}

.f-itembox .f-i-name {
  text-align: left;
  margin-left: 10px;
}

.f-itembox .f-i-price {
  text-align: left;
  color: #ff2121;
  font-size: 20px;
  margin: 10px 0;
  margin-left: 10px;
}

.f-itembox .f-i-id {
  text-align: left;
  background: #efefef;
  line-height: 32px;
  padding: 0 10px;
  font-size: 14px;
  /* max-width: 260px; */
  display: inline-block;
}

.freetel p {
  text-align: right;
}

.freetel .modal p {
  text-align: center;
}

.freetel .modal .f-i-name,
.freetel .modal .f-i-price {
  text-align: left;
  line-height: 1.6em;
}

.freetel a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  margin: 1% 0;
  color: #333;
  width: 28%;
}

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

.freetel .tel2 {
  width: unset;
  text-align: right;
  /* max-width: 490px; */
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.freetel .tel3 {
  width: unset;
  text-align: right;
  margin-right: 1%;
}

.freetel .tel2:hover {
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.freetel .tel2:before,
.freetel .tel3:before {
  content: "?";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px #ccc solid;
  line-height: 21px;
  text-align: center;
  border-radius: 15px;
}

.f-til {
  font-size: 14px;
}

.f-stok-list {
  /* background: #F9F9F9;*/
  max-width: 730px;
  margin: 25px auto 0;
  padding: 25px 0;
}

.f-stok {
  font-size: 20px;
  margin-bottom: 5px;
}

.freetel table {
  max-width: 590px;
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.freetel th {
  background: #e8e8e8;
  border: 1px #c9c9c9 solid;
  line-height: 30px;
  min-width: 155px;
  border-right: 1px #707070 solid;
}

.freetel thead .f-d-iti {
  border-right: 0;
}

.freetel tbody {
  text-align: left;
  background: #fff;
  border-bottom: 1px #c9c9c9 solid;
}

.freetel tbody tr {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

.freetel tbody .f-d-shop {
  width: 70%;
}

.freetel tbody tr {
  border-bottom: 1px #707070 dotted;
}

.freetel tbody th {
  width: 100%;
  display: block;
  text-align: center;
}

.freetel .f-d-itil {
  border-right: 0;
}

.freetel .f-d-itil.sp-only {
  display: none;
}

.freetel tbody td {
  font-size: 16px;
  line-height: 1.5em;
  padding: 8px 0 8px 8px;
  display: block;
  /* border-right: 1px #707070 solid; */
}

.freetel .modal tbody td p {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.freetel tbody .f-dial {
  text-align: center;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  border: 0;
  font-size: 17px;
}

.freetel tbody .f-dial a {
  background: #afafaf;
  border-radius: 5px;
  color: #fff;
  line-height: 2em;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.freetel tbody .f-dial a:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #858585;
  box-shadow: 0 3px 6px -2px #00000029;
}

.freetel .modal tbody .f-dial p {
  background: #979797;
  width: 50px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
}

.a-fixed {
  overflow: hidden;
}

.f-ed {
  background: #f1f1f1;
  padding: 40px 0;
  margin-top: 50px;
}

.f-ed .f-dial {
  position: relative;
  display: block;
  margin: auto;
  display: inline-block;
  width: unset;
  font-size: 32px;
  /* border-bottom: 6px #ccc double; */
  line-height: 30px;
  z-index: 10;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;

  background: url(/images/icon/f-tel-sp.jpg) no-repeat 17px;
  background-size: 20px;
  line-height: 1.5em;
  padding: 4px 77px;
  border-radius: 15px;
  border: 6px #ccc solid;
  background-color: #fdfdfd;

  /* color: #Fff;
  background-color: #525252;
  padding: 0 20px 0 45px;
  border-radius: 4px; */
}

.f-ed .f-dial:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #858585;
  box-shadow: 0 3px 6px -2px #00000029;
}

/* .f-ed .f-dial::before{
  content: '052-251-1666';
  width: 100%;
  height: 40px;
  z-index: -1;
  position: absolute;
  top: 9%;
  left: 5px;
  color: #ccc;
}
.f-ed .f-dial::after{
  content: '';
  background: url(/images/icon/f-tel-sp.jpg) no-repeat;
  background-size: 23px;
  line-height: 1.5em;
  width: 24px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: -28px;
  transform: translateY(-42%);
} */
.f-ed .f-dial:hover> ::before {
  top: 0%;
  left: 0px;
}

.f-ed span {
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
  display: block;
  margin-top: 10px;
}

.f-mail {
  margin-bottom: 25px;
}

.f-mail a {
  width: 30px;
  margin: 30px auto 0;
  margin-right: 4%;
}

.f-mail a:nth-child(even) {
  margin-right: 0;
}

.f-mail img {
  width: 100%;
}

.f-mail p {
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}

/****************************/
/*アコーディオンメニュー*/
/****************************/

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

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

.f-stoktil {
  font-size: 14px;
  margin: 30px auto 5px;
}

.freetel .container span {
  display: block;
  font-size: 12px;
  color: #fe5f5f;
}

.freetel .container .re-link {
  border-radius: 5px;
  width: 100%;
  max-width: 280px;
  margin-bottom: 50px;
  margin-top: 10px;
}

.freetel .container .re-link a {
  width: 100%;
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
}

.freetel .container {
  width: 100%;
  /**display: block;*/
  padding: 0;
  max-width: 590px;
  position: relative;
  margin: 0 auto;
}

.freetel .container .r-f-title {
  cursor: pointer;
  /*display: block;*/
  font-family: "SFUI Display";
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  vertical-align: middle;
  padding: 9px 0 9px 10%;
  position: relative;
  margin: 0;
  background-color: #efefef;
  border-top: 0.5px #333 solid;

  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.freetel .container li {
  list-style: none;
  position: relative;
  border-bottom: 0.5px #c7c7c7 solid;
}

.freetel .container .fl-open {
  border-bottom: 0;
}

.freetel .container li:last-child .title-last {
  border-bottom: 0.5px #333 solid;
}

.freetel .container li .title {
  position: relative;
  text-align: left;
  line-height: 3em;
}

.freetel .container li>.plus-bottom:before {
  content: "+";
  font-size: 16px;
  font-weight: 100;
  position: absolute;
  right: 0;
  padding: 8px 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.freetel .container li.fl-open>.plus-bottom:before {
  content: "-";
  padding: 10px 15px 8px 14px;
  font-size: 16px;
  -webkit-transition: 0s;
  transition: 0s;
}

.freetel .container li.fl-open>.plus-botto:hover:before {
  content: "-";
}

.freetel .text {
  margin: 15px auto 40px;
  width: 100%;
}

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

/**
* Submenu
-----------------------------*/
.r-f-text {
  font-family: "SFUI Display";
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  margin-left: 33px;
  display: none;
}

.r-f-text li {
  list-style: none;
}

.r-f-text a:before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 100%;
  background: #333;
  position: relative;
  left: -8px;
  top: -2px;
}

.r-f-text a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 12px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.fl-open .r-f-text {
  height: 30px;
}

.fl-open .title {
  border-bottom: 0.5px #c7c7c7 solid;
}

.f-tri {
  width: 0;
  height: 0;
  border-left: 15px solid #979797;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 4%;
}

.f-telnom {
  max-width: 300px;
  width: 100%;
  background: #878787;
  margin-top: 25px;
  border: 0;
  border-radius: 5px;
}

.f-telnom a {
  color: #fff;
  line-height: 45px;
  font-size: 20px;
  margin: auto;
  display: block;
  width: 100%;
}

.f-telnom img {
  width: 45px;
  display: inline-block;
  vertical-align: sub;
}

/* ゆきざき安心保障制度 */
.yukizaki_warranty img {
  width: 100%;
  margin-top: 20px;
  height: auto;
}

.block-content-used-service img {
  width: 100%;
  height: auto;
}

.block-content-iteminfo-r.block-stock-img img {
  width: 100%;
  height: auto;
  margin: 10px 0 0;
}

/* ================================ */
/* 類似商品の比較 */
/* ================================ */

.same-k h2 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px #ccc solid;
}

.same-k .reload_item {
  position: absolute;
  top: 35px;
  right: 0;
  font-size: 12px;
}

.same-k .reload_item img {
  width: 18px;
  margin-top: 6px;
  padding-right: 2%;
}


/* ================================ */
/* 来店日数 SHOPDAY */
/* ================================ */

.z-tempo {
  font-size: 16px;
  margin: 5px 5% 5px 0;
  display: inline-block;
}
.sd-txt{
    line-height: 45px;
    font-size: 14px;
    border-bottom: 1px #000 solid;
}
.sd_info.item-text{
      display: none;
}

.sd-box_1 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  clear: both;
}

.sd-box_1-area {
  line-height: 50px;
}

.sd-box_1 p {
  display: inline-block;
  font-size: 16px;
}

.sd_info .sd-txt {
  width: unset;

}
.sd_list .sd-txt{
    position: relative;
    font-weight: var(--fontbold);
}

.sd_list .sd-txt::before,
.sd_list .sd-txt::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;
}
.sd_list .sd-txt::after{
    transform: rotate(-90deg);
}
.sd_list.active .sd-txt::after{
    transform: rotate(0deg);
}

.sd-box_1 span {
  font-weight: 500;
  font-size: 12px;
  color: #979797;
}

.view_lang_en .sd-box_1 span {
  float: right;
}

.sd_info .sd-area {
    font-size: 12px;
    border: 0;
    padding: 1% 0;
    background: unset;
    border-bottom: 1px #000 solid;
}

.sd-box_2 {
  width: 100%;
  display: inline-block;
  padding: 3% 2% 0;
  background: #fff;
  border: var(--border);
}
.sd-area-tenpo-box{
  padding: 0 3%;
}
.sd-area-tenpo-box > span{
    width: calc(100% - 122px);
    display: inline-block;
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px;
    color: #8E8E8E;
}
.sd-area-tenpo-box > span:last-child{
    width: unset;
}
.sd-box ul {
  height: 131px;
  padding: 0 3%;
  overflow-y: scroll;
}

.sd-box li {
  border-bottom: 1px #e9e9e9 solid;
  margin-bottom: 5px;
  padding-bottom: 0px;
  list-style: none;
}

.sd-box li p {
  width: calc(100% - 118px);
  display: inline-block;
  text-align: left;
  font-size: 14px;
  line-height: 38px;
}
.sd-box li span{
  font-size: 14px;
}
/* ================================ */
/* お問合せ */
/* ================================ */

.iteminfo-contact .modal {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.iteminfo-contact .modal img {
  max-width: 450px;
  width: 90%;
}

.iteminfo-contact .modal.active {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  display: block;
}

.iteminfo-contact .wec img {
  width: 60px;
}



.sns-box .modal {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.sns-box .modal img {
  max-width: 450px;
  width: 90%;
}

.sns-box .modal.active {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  display: block;
}

/* ////////////////////////// */

/* 2023.11 コンサル提案追加 */

.reserv-box{
  margin-bottom: 16px;
}
.reserv-box a {
  display: block;
}

.reserv-box p {
  font-weight: var(--fontbold);
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 2em;
  margin-right: 2%;
}


.r-b-btn {
  text-align: center;
  display: inline-block;
  font-size: 26px;
  vertical-align: middle;
  margin: 0 3%;
}


.r-b-bule .r-b-btn .btn {
  background: #334176;
  margin-right: 2%;
  color: #fff;
}

.r-b-btn a:hover {
  letter-spacing: 2px;
  transition: all 0.3s;
}

.r-b-bule .r-b-btn a {
  border: 2px #334176 solid;
  color: #181818;
}

.r-b-yel .btn img {
  width: 24px;
  margin: 2px 12px 0 0;
}


.onething {
  font-size: 12px;
}

.cont-line,
.cont-contact,
.cont-w {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
}
.cont-w :last-child{
  margin-right: 0;
}

.sns-box a div{
  font-size: 12px;
  line-height: 40px;
  border: 1px #707070 solid;
  text-align: center;
}
.sns-box img{
  width: 20px;
  vertical-align: middle;
  margin-right: 4px;
}

/* ================================ */
/* オリコ */
/* ================================ */
.block-content-iteminfo-r .iteminfo-orico {
  width: 100%;
  overflow: hidden;
  border: 4px #fbe8bf solid;
  position: relative;
  margin: 0 auto 20px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  padding: 10px 0 2px;

}

.orico {
  padding: 13px 0px;
}

.orico-img {
  background: url(/images/shousai-icon.png) no-repeat;
  background-position: -246px 0;
  width: 27px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 58px;
  transform: translateY(-50%);
}

.iteminfo-orico .orico-1 {
  font-size: 24px;
  /* margin-top: 8px; */
  margin-top: 6px;
  text-indent: 52px;
  line-height: 1.2em;
  font-weight: bold;
}

.iteminfo-orico .orico-2 {
  font-size: 16px;
  margin-top: -4px;
  text-indent: 52px;
  line-height: 1.2em;
}

.iteminfo-orico .orico-3 {
  font-size: 15px;
}

/* ================================ */
/* シェアボタン */
/* ================================ */
#widget {
  line-height: 33px;
  font-size: 15px;
}

#widget .twitter-widget-1 {
  height: 30px;
}

.sns_sharebtn {
  display: inline-block;
  padding: 6px;
  vertical-align: bottom;
}

.twitter-share-button {
  line-height: 30px;
  /*padding: 0px 12px;*/
  border-radius: 5px;
  height: 30px !important;
  padding: 1px 0 0;
  background: #1d9bf0;
  margin-right: 5px;
  margin-top: 15px;
}

.twitter-share-button * {
  font-weight: bold;
}

/*line*/
.line-it-button {
  display: inline-block;
  vertical-align: top;
  /*margin-right: 5px;*/
  margin-top: 15px;
}

.btn.large i {
  width: 19px;
  background-size: 19px auto;
}

.shareEl .btn.large {
  font-size: 15px;
  padding-left: 5px;
}

.shareEl .btn.large .label .lang {
  font-size: 12px;
}

.ja .shareEl .btn.ver3.large {
  padding-right: 5px;
}

/*フェイスブック*/
.fb_iframe_widget_fluid {
  display: inline-block !important;
}

.fb-share-button span {
  height: 30px !important;
}

.fb-share-button iframe {
  height: 30px !important;
}

._2tga._8j9v {
  height: 34px;
}

.fb_iframe_widget {
  vertical-align: top;
  margin-top: 15px;
}

._3jn- {
  height: 19px;
}

._2tga._8j9w {
  height: 30px;
}

/* ================================ */
/* 注意事項等 */
/* ================================ */

.iteminfo-label {
  position: relative;
  cursor: pointer;
  transition: transform 2ms;
}

.iteminfo-content {
  padding: 10px;
  display: none;
}

.iteminfo-tabs+.iteminfo-label+.iteminfo-content {
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}

.iteminfo-remarks-title {
  display: none;
}




/* ================================ */
/* お支払い・配送返品について・保障・商品状態について */
/* ================================ */
.iteminfo-remarks-body-b {
  height: auto;
  opacity: 1;
  display: block;
  visibility: unset;
}

.iteminfo-remarks-body-b a {
  color: #000e8e;
}

/* ================================ */
/* カラーバリエーション 商品*/
/* ================================ */

.section-itemrelaton {
  position: relative;
}
.block-itempage-swiper{

}
.item_detail_link_img{
    padding: 60px 33px;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E5E5;
    position: relative;
    margin-bottom: 20px;
}
.item_detail_link_img img{
  max-width: 199px;
}
.block-listed-items .swiper-slide{
    width: 265px;
    margin-right: 2%;
    cursor: pointer;
    margin-bottom: 0;
    overflow: hidden;
}
.listed-item{
    width: 265px;
    margin-right: 2%;
    cursor: pointer;
    margin-bottom: 0;
    overflow: visible;
}

/* ================================ */
/* イベントスライダー 商品*/
/* ================================ */
.block-event-swiper{
    overflow: hidden;
}
.event-item{
    max-width: 544px;
    margin-right: 2%;
    cursor: pointer;
    margin-bottom: 0;
    overflow: hidden;
}
/* ================================ */
/* お気に入り登録 商品*/
/* ================================ */
.favorite_icon {
    position: absolute;
    /* top: 24px;
    left: 24px; */
    top: 5%;
    left: 5%;
    width: 20px;
    height: 20px;
    z-index: 1;
}
/* ================================ */
/* 画像ズーム 拡大 商品*/
/* ================================ */

.enlarge{
    position: absolute;
    width: 24px;
    right: 5%;
    bottom: 5%;
    z-index: 100;
}

/* ================================ */
/* シリーズ  main.css */
/* ================================ */




.series h3{
  border-bottom: var(--border);
  margin: 77px auto 26px;
  padding-bottom: 14px;
  width: 100%;
  font-size: 18px;
}





/* ================================ */
/* ランキング ブランド　シリーズ*/
/* ================================ */

.block-ranking {
  max-width: 1300px;
  margin: auto;
}

.block-ranking .item-rankSwiper {
  overflow: hidden;
}

.r-trigger {
  display: none;
}

.block-ranking .swiper {
  text-align: center;
  overflow-x: scroll;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
}

.block-ranking .swiper::-webkit-scrollbar {
  display: none;
}

.block-ranking ul {
  width: unset;
  display: inline-flex;
  transform: translate3d(0px, 0px, 0px) !important;
}

.block-ranking li {
  width: clamp(150px, 27vw, 175px) !important;
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
  position: relative;
  text-align: left;
}

.rank-item {
  padding-left: 10px;
}

.rank-info-ranking {
  width: 25px;
  background: #1b3360;
  line-height: 25px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 12px;
}

.rank-item-info {
  margin-top: 15px;
}

.rank-item-info p {
  text-align: left;
}

.rank-item-info .baika {
  font-size: 18px;
  font-weight: bold;
}

.rank-item-info .kataban,
.rank-item-info .iteminfo-item_kanri_cd {
  font-size: 12px;
}

/* ================================ */
/* 閲覧履歴 ヒストリー */
/* ================================ */

.section-top-history{
  background: unset;
}
.section-top-history .swiper-slide_img{
  border: var(--border);
}
.slick-item-info .desc-ladies,
.slick-item-info .desc-unisex,
.slick-item-info .iteminfo-stock,
.listed-item-info .iteminfo-stock,
.listed-item-info .newused,
.listed-item-info .desc-ladies{
  border: 1px #E5E5E5 solid;
  background-color: #fff;
  padding: 0 8px;
  display: inline-block;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
}
.listed-item-info .newused{
  margin: 0 3%;
}
.listed-item-info .sale-name{
  margin: 16px auto 0;
}


.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{
  border: 1px #E5E5E5 solid;
  width: auto;
}


/* ================================ */
/* 商品リクエスト可能 */
/* ================================ */

.history-slicks-body .item-img {
  position: relative;
}


.section-top-history .top-fade {
  opacity: unset;
  visibility: unset;
}

/* ================================ */
/* 追従カート */
/* ================================ */

.block-ctr-cart {
  display: none;
}

/* ================================ */
/* ページトップへ */
/* ================================ */
#page-top {
  background: url(/images/shousai-icon.png) no-repeat;
  background-position: -136px -43px;
  width: 62px;
  height: 61px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0.8;
  cursor: pointer;
}

/* ================================ */
/* ノンブル */
/* カラー サイズ */
/* ================================ */
.kihei-size{
  margin: 0;
}
.color-size {
  margin-top: 20px;
}

.color,
.size {
  display: inline-block;
  vertical-align: top;
}

.color {
  width: 100%;
  max-width: 200px;
}

.color p,
.size p {
  line-height: 20px;
  text-align: left;
  font-size: 12px;
}
.color p span,
.size p span{
  font-size: 12px;
}
.size p {
  text-align: left;
  padding-left: 5px;
}
.gram p,
.chain p{
  text-align: left;
}
.color .c-list li{
  width: 28px;
  height: 28px;
  margin: 10px 6px;
  display: inline-block;
  position: relative;
}
.gram .c-list li,
.chain .c-list li {
  width: 60px;
  height: 33px;
  margin: 10px 6px;
  display: inline-block;
  position: relative;
}
/* .color .c-list li:hover{
  border: 1px #707070 solid;
  padding: 5px;
} */
.c-list li input[type="radio"],
.s-list li input[type="radio"] {
  display: none;
}

.c-list li label {
  content: "";
  /* top: 2%;
  left: 5%; */
  width: 28px;
  height: 28px;
  position: absolute;
}
.gram .c-list li label,
.chain .c-list li label {
  display: flex;
  width: 60px;
  height: 33px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border: 1px #000 solid;
  cursor: pointer;
}

.gram .c-list li.choice-none label,
.chain .c-list li.choice-none label {
  cursor: default;
}
.c-list li .c-1 {
  background: #c5c5c5;
}

.c-list li .c-2 {
  background: #e4c164;
}

.c-list li .c-3 {
  background: #daa399;
}

.c-list label:after {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
}

.gram .c-list .choice-none, 
.chain .c-list .choice-none{
  opacity: .2;
}
.color .c-list .choice-none label:after{
  content: "";
  width: 39px;
  height: 28px;
  border-top: 2px solid #707070;
  bottom: -41%;
  left: 18%;
  transform: rotate(-45deg);
}
.gram .c-list .choice-none label:after,
.chain .c-list .choice-none label:after {
  content: "";
  width: 65px;
  height: 32px;
  border-top: 2px solid #707070;
  bottom: 41%;
  left: -18%;
  transform: rotate(152deg);
}

.gram .c-list input[type="radio"]:checked+label,
.chain .c-list input[type="radio"]:checked+label{
  background: #000;
  color: #fff;
}
#colorsize_color .c-list input[type="radio"]:checked+label:after {
  width: 34px;
  height: 34px;
  border: 1px #070700 solid;
  top: -4px;
  left: -4px;
}

/* .gram .c-list input[type="radio"]:checked+label:after,
.chain .c-list input[type="radio"]:checked+label:after {
  width: 58px;
  height: 31px;
} */
.s-item {
  position: relative;
  width: 55px;
  height: 28px;
  margin: 10px 3px 10px;
  border: 1px #ccc solid;
  display: inline-block;
  text-align: center;
  background: #fff;
}

.s-list label {
  content: "";
  height: 28px;
  line-height: 28px;
  /* padding: 6px 23px; */
}

.s-list label:after {
  content: "";
  width: 55px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffff;
}

.s-list input[type="radio"]:checked+label:after {
  color: #fff;
  background: #000;
  font-size: 12px;
}

.s-list #s-item-1[type="radio"]:checked+label:after {
  content: "S";
}

.s-list #s-item-2[type="radio"]:checked+label:after {
  content: "M";
}

.s-list #s-item-3[type="radio"]:checked+label:after {
  content: "L";
}

.s-list #s-item-4[type="radio"]:checked+label:after {
  content: "P";
}


/* ================================ */
/* ロレックス お支払い方法 rx-pay-list  */
/* ================================ */

.rx-pay-list{
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 180px);
}
.rx-pay-list li{
  text-align: center;
  margin: 0 1%;
  line-height: 38px;
  background: #EDEDED;
  display: inline-block;
  padding: 0 8px;
  font-size: 12px;
}

.rx-pay-list .dotted{
  border: #707070 1px dotted;
  background: #fff;
  display: inline-flex;
  line-height: 1.3em;
  text-align: left;
  font-size: 12px;
  padding: 4px 0px;
  font-weight: 500;
  margin-top: 10px;

}
.rx-pay-list .dotted span{
  display: flex;
  align-items: center;
  width: 60px;
  padding: 0 3%;
}

/* ================================ */
/* ショッピングローンシュミレーションはこちら リンク */
/* ================================ */
.loan-simulation-link{
    clear: both;
    vertical-align: top;
    line-height: 28px;
}
.loan-simulation-link:hover{
}
.loan-simulation-link a{
  position: relative;
  display: inline-block;
  text-align: left;
  border-bottom: 1px #707070 solid;
  line-height: 2em;
  font-size: 12px;
}
.block-content-iteminfo-r .dotted,
.block-content-iteminfo-r .dotted span{
  font-size: 12px;
  margin-top: 8px;
}

/* ================================ */
/* 英語 翻訳 注意  */
/* ================================ */

.en-option{
    margin-bottom: 37px;
    border: 1px #E52626 solid;
    padding: 12px 24px;
}
/* ================================ */
/* 追従フッター  */
/* ================================ */
/* #camp-bnr{
  bottom: 119px;
} */