@charset "UTF-8";



#head_cp {

  position: relative;

  z-index: 2;

}





#footer {

  margin-top: 0;

  position: relative;

  z-index: 2;

}



#yoridori_2026cfr {

  color: #333;

  min-width: 1080px;

}



/* #yoridori_2026cfr::before {

  content: "";

  width: 100%;

  height: 100vh;

  background-image: url(../img/pc/pc_bg.jpg);

  background-size: cover;

  background-position: center;

  position: fixed;

  top: 0;

  left: 0;

}

 */

:root #yoridori_2026cfr {

  --px10: 10px;

  --px20: 20px;

  --px30: 30px;

  --px40: 40px;

  --px50: 50px;

  --px60: 60px;

  --px70: 70px;

  --px80: 80px;

  --px90: 90px;

  --px100: 100px;

  --px105: 105px;

  --px110: 110px;

  --px120: 120px;

  --px130: 130px;

  --px140: 140px;

}



#yoridori_2026cfr img {

  width: 100%;

  height: auto;

  display: block;

}



#yoridori_2026cfr .overImgWrap {

  position: relative;

  overflow: hidden;

  display: flex;

  justify-content: center;

}



#yoridori_2026cfr .rel {

  position: relative;

  z-index: 1;

}

#yoridori_2026cfr .abs {

  position: absolute;

  z-index: 2;

}



#yoridori_2026cfr .fv {

  text-align: center;

  position: relative;

  z-index: 2;

  max-width: 750px;

  margin: auto;

}

#yoridori_2026cfr .fv img {

  width: 100%;

}



#yoridori_2026cfr .ContentsWrap {

  max-width: 750px;

  margin: auto;

  position: relative;

  z-index: 2;

  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);

  background-color: #fff;

}





/* --------------------------------

  tokuten accordion

-------------------------------- */

#yoridori_2026cfr .accordion {

  position: relative;

}

#yoridori_2026cfr .accordion_cont {

  display: none;

}

#yoridori_2026cfr .accordion_btn {

  width: calc(100% - var(--px120));

  max-width: 500px;

  height: var(--px70);

  cursor: pointer;

  transition: .3s;

  position: absolute;

  bottom: var(--px130);

  left: 50%;

  transform: translateX(-50%);

  z-index: 10;

}

#yoridori_2026cfr .accordion_btn::before {

  content: "";

  width: 564px;

  height: var(--px110);

  position: absolute;

  bottom: 90%;

  left: 50%;

  transform: translateX(-50%);

  z-index: 1;

  background: linear-gradient(0deg, rgb(252 251 249) 20%, rgba(252, 251, 249, 0.8) 60%, rgba(252, 251, 249, 0) 100%);

}

#yoridori_2026cfr .accordion_btn.open::before {

  content: none;

}

#yoridori_2026cfr .accordion_btn span {

  display: block;

  width: 100%;

  height: 100%;

  background-image: url(../img/btn_acc_open.png);

  background-size: cover;

  background-position: center;

  border-radius: var(--px10);

  border: 2px solid #b81c22;

  position: relative;

  z-index: 11;

}

#yoridori_2026cfr .accordion_btn.open span {

  background-image: url(../img/btn_acc_close.png);

}

#yoridori_2026cfr .accordion_btn span::before,

#yoridori_2026cfr .accordion_btn span::after {

  content: "";

  width: 26px;

  height: 4px;

  position: absolute;

  top: 50%;

  right: 20px;

  z-index: 2;

  transform: translateY(-50%);

  transition: .3s;

  background-color: #b81c22;

}

#yoridori_2026cfr .accordion_btn span::after {

  transform: translateY(-50%) rotate(90deg);

}

#yoridori_2026cfr .accordion_btn.open span::after {

  transform: translateY(-50%) rotate(0deg);

}

#yoridori_2026cfr .accordion_btn:hover span {

  opacity: .8;

}

#yoridori_2026cfr .accordion_fv {

  position: relative;

}

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

  #yoridori_2026cfr .accordion_btn {

    height: 4.7vw;

    width: 31vw;

    max-width: inherit;

    bottom: 7vw;

  }

  #yoridori_2026cfr .accordion_btn.open {

    bottom: 7vw;

  }

  #yoridori_2026cfr .accordion_btn::before {

    width: 33vw;

  }

  #yoridori_2026cfr .accordion_btn span::before,

  #yoridori_2026cfr .accordion_btn span::after {

    width: 1.5vw;

    height: .3vw;

    right: 1.5vw;

  }

}







/* --------------------------------

  colorSample

-------------------------------- */

#yoridori_2026cfr .colorSample {

  z-index: 3;

  margin-bottom: var(--px20);

}

#yoridori_2026cfr .colorSample a,

#yoridori_2026cfr .colorSample span {

  color: #b81649;

  text-decoration: underline;

  display: inline-block;

  font-family: "Open Sans", "Hiragino Kaku Gothic W6 JIS2004", sans-serif;

  font-weight: bold;

  cursor: pointer;

  font-size: 24px;

}

#yoridori_2026cfr .colorSample a:after,

#yoridori_2026cfr .colorSample span:after {

  content: ">";

  color: #b81649;

}

#yoridori_2026cfr .colorSample:hover span {

  opacity: .6;

}





/* --------------------------------

  select

-------------------------------- */

.selectorWrap {

  position: relative;

  background-color: #fff;

  margin-bottom: var(--px20);

}



.selectorWrap select {

  width: 100%;

  height: 50px;

  padding-right: 40px;

  padding-left: 10px;

  cursor: pointer;

  font-size: 20px;

  text-indent: 0.01px;

  text-overflow: ellipsis;

  border: #ccc solid 1px;

  outline: none;

  background: transparent;

  background-image: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.selectorWrap select + span {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 0;

  width: 40px;

  height: 50px;

  border-left: #ccc solid 1px;

  pointer-events: none;

}

.selectorWrap select + span:after {

  display: block;

  width: .5em;

  height: .5em;

  padding: 0;

  content: '';

  position: absolute;

  top: 0;

  bottom: 0.25em;

  left: 0;

  right: 0;

  margin: auto;

  border-right: 2px solid #b81649;

  border-top: 2px solid #b81649;

  -webkit-transform: rotate(135deg);

  transform: rotate(135deg);

  pointer-events: none;

}





/* --------------------------------

  商品詳細リンク

-------------------------------- */

#yoridori_2026cfr .items .detailLink {

  position: absolute;

  left: 337px;

  z-index: 9;

  font-size: 24px;

  font-feature-settings: "palt";

}

#yoridori_2026cfr .items .detailLink a {

  display: block;

  text-decoration: underline;

}





/* --------------------------------

  cart btn (add)

-------------------------------- */

#yoridori_2026cfr button.add {

  display: block;

  margin: auto;

}





/* --------------------------------

  mini cart

-------------------------------- */

#modal {

  display: none;

  padding: 3% 2% 3% 2%;

  position: fixed;

  max-width: 640px;

  top: 180px;

  left: 0;

  right: 0;

  margin: auto;

  background-color: rgba(255, 255, 255, 0.95);

  width: 92%;

  box-shadow: rgba(33, 33, 33, 0.5) 0 0px 5px;

  -webkit-box-shadow: rgba(33, 33, 33, 0.5) 0 0px 5px;

  z-index: 99;

}

#modal #close {

  position: absolute;

  right: 0;

  top: -43px;

  width: 33px;

  height: 33px;

}

#modal h4 {

  font-size: 2.6rem;

  font-weight: bold;

  font-family: "Open Sans", "Hiragino Kaku Gothic W6 JIS2004", sans-serif;

  text-align: center;

  margin-top: 0.5em;

  margin-bottom: 0.5em;

}

#modal .cart-in {

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  width: 100%;

}

#modal .cart-in img {

  width: 80%;

  margin-left: auto;

  margin-right: auto;

}

#modal .setCont .flex {

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

#modal .setCont .flex > div.priceBox {

  line-height: 1.25;

  padding-top: 5px;

  width: 47%;

  text-align: left;

}

#modal .off_circle {

  background-color: #b81649;

  width: 80px;

  height: 80px;

  color: #fff;

  font-size: 1.6rem;

  text-align: center;

  line-height: 1;

  padding-top: 14px;

  border-radius: 47.5px;

  margin-right: 1em;

}

#modal .off_circle span {

  font-size: 3.4rem;

  font-feature-settings: "palt";

  letter-spacing: -1px;

}

#modal .product-set-p {

  font-weight: bold;

  font-family: "Open Sans", "Hiragino Kaku Gothic W6 JIS2004", sans-serif;

  font-size: 1.6rem;

}

#modal .product-amount-p {

  font-size: 1.4rem;

}

#modal .product-amount-p span.product-amount {

  color: #b81649;

  font-weight: bold;

  font-family: "Open Sans", "Hiragino Kaku Gothic W6 JIS2004", sans-serif;

  font-size: 2.4rem;

}

#modal .product-amount-p span.red {

  color: #b81649;

}

#modal .discount-display {

  color: #b81649;

  font-weight: bold;

  font-family: "Open Sans", "Hiragino Kaku Gothic W6 JIS2004", sans-serif;

  font-size: 1.4rem;

  display: block;

  margin-top: 15px;

}

#modal .prow {

  margin-bottom: 15px;

}

#modal .prow > div:nth-child(1) {

  display: flex;

}

#modal .prow > div:nth-child(1) .prowname span {

  display: block;

  font-size: 1.4rem;

}

#modal .prow > div:nth-child(1) .prowname span.prowVar {

  font-size: 1.6rem;

}

#modal .prow > div:nth-child(1) .prowname {

  width: 65%;

}

#modal .prow > div:nth-child(1) .prowprice {

  width: 90px;

  text-align: right;

}

#modal .prow > div:nth-child(1) .prowcount {

  width: 15%;

  text-align: right;

}

#modal .prow > div:nth-child(1) .prowdelete {

  border: 1px #afacab solid;

  padding: 3px 6px;

  text-align: center;

  margin-top: 5px;

  display: inline-block;

}

#modal .prow > div:nth-child(1) .prowdelete button {

  font-size: 1.2rem;

}

#modal .prow > div:nth-child(1) .prowdelete button:before {

  content: "×";

}

#modal .prow > div:nth-child(2) {

  display: flex;

  justify-content: space-between;

}

.selectList {

  height: 22vh;

  overflow-y: auto;

  padding-right: 0%;

  margin-bottom: 20px;

}

.selectList .selectList_mini {

  margin: 1em 0;

}

.pop-up_SP {display: none;}

#pop-up {

  background-color: #efdede;

  transform: translateX(110%);

  position: fixed;

  right: 0;

  bottom: 5%;

  width: 15%;

  min-width: 200px;

  padding: 0.8em 0.8em;

  text-align: center;

  box-shadow: rgba(33, 33, 33, 0.5) 0 0px 5px;

  -webkit-box-shadow: rgba(33, 33, 33, 0.5) 0 0px 5px;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  transition: .3s;

  z-index: 100;

}

#pop-up.view {

  transform: translateX(0%);

}

#pop-up .off_circle {

  background-color: #b81649;

  width: 78px;

  height: 78px;

  color: #fff;

  font-size: 2.0rem;

  text-align: center;

  line-height: 1;

  padding-top: 14px;

  border-radius: 39px;

  margin-right: auto;

  margin-left: auto;

}

#pop-up .off_circle span {

  font-size: 3.2rem;

  font-feature-settings: "palt";

  letter-spacing: -1px;

}

#pop-up .product-set2 {

  font-weight: bold;

  font-family: "Open Sans", "Hiragino Kaku Gothic W6 JIS2004", sans-serif;

  margin-top: 6px;

}

#pop-up .product-set2 span {

  font-size: 1.8rem;

}

#pop-up .product-amount {

  font-size: 1.8rem;

  font-weight: bold;

  font-family: "Open Sans", "Hiragino Kaku Gothic W6 JIS2004", sans-serif;

  color: #b81649;

}

#pop-up .red {

  color: #b81649;

}

#pop-up .cart-show,

#pop-up .cart-in {

  margin-top: 8px;

}

#pop-up .cart-show img,

#pop-up .cart-in img {

  width: 100%;

}

#pop-up .cart-show,

#pop-up .cart-in {

  width: 100%;

}

#pop-up .reset {

  display: block;

  width: 100%;

  background-color: rgb(255 255 255 / 70%);

  margin: 8px 0;

  border-radius: 50px;

}

#pop-up .pop-up_selectList_mini {

  line-height: 1.3;

  font-size: 0.9em;

  text-align: left;

}

.cboxPhoto {

  width: 640px !important;

  height: auto !important;

  padding-right: 20px;

}

#cboxLoadedContent {

  overflow-x: hidden !important;

}



/* ミニカート：202504〜（3カラムVer） */

#pop-up {

  transform: translateX(0);

  border-radius: 5px;

  bottom: 20%;

  left: calc((100% - 750px) / 2 + 810px);

  max-width: 300px;

  opacity: 0;

  visibility: hidden;

  padding: 1.5em;

  overflow: hidden;

}

#pop-up.view {

  opacity: 1;

  visibility: visible;

}

#pop-up .pop-up_bnr {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}

#pop-up .pop-up_bnr img {

  width: 100%;

}

#pop-up {

  transition: .3s;

}

#pop-up.on {

  left: calc(100% + 1px);

}

#pop-up.on.view {

  transform: translateX(-100%);

}





/* --------------------------------

  items

-------------------------------- */

#yoridori_2026cfr .items {

  margin: 0 auto;

  position: relative;

}

#yoridori_2026cfr .itemsDivide {

  position: relative;

}

#yoridori_2026cfr .ContentsWrap .items {

  max-width: 950px;

}

#yoridori_2026cfr .productbox {

  width: 84%;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  z-index: 9;

}

#yoridori_2026cfr .productbox button {

  width

}

#yoridori_2026cfr .productbox.half {

    width: 48%;

}

#yoridori_2026cfr .items .telLink {

  position: absolute;

  bottom: 6.2%;

  left: 21%;

}

#yoridori_2026cfr .items .telLink a {

  color: #00abff;

  font-size: 26px;

  line-height: 1;

  display: block;

  font-weight: bold;

  pointer-events: none;

  text-decoration: underline;

}



/* #yoridori_2026cfr .coffretA .productbox {position: static; transform: none;}

#yoridori_2026cfr .coffretA .colorSample {width: 84%; left: 8%;}

#yoridori_2026cfr .coffretA .colorSample-1 {top: 68.8%;}

#yoridori_2026cfr .coffretA .colorSample-2 {top: 77%;}

#yoridori_2026cfr .coffretA .colorSample-3 {top: 85.7%;}

#yoridori_2026cfr .coffretA .selectorWrap-1 {top: 71.3%; width: 84%; left: 8%;}

#yoridori_2026cfr .coffretA .selectorWrap-2 {top: 79.6%; width: 84%; left: 8%;}

#yoridori_2026cfr .coffretA .selectorWrap-3 {top: 88.3%; width: 84%; left: 8%;}

#yoridori_2026cfr .coffretA .productbox  button {display: block; width: 84%; top: 92%; left: 8%;} */



/* #yoridori_2026cfr .coffretB .productbox {position: static; transform: none;}

#yoridori_2026cfr .coffretB .colorSample {width: 84%; left: 8%;}

#yoridori_2026cfr .coffretB .colorSample-1 {top: 66.3%;}

#yoridori_2026cfr .coffretB .colorSample-2 {top: 74.7%;}

#yoridori_2026cfr .coffretB .colorSample-3 {top: 83.5%;}

#yoridori_2026cfr .coffretB .selectorWrap-1 {top: 68.7%; width: 84%; left: 8%;}

#yoridori_2026cfr .coffretB .selectorWrap-2 {top: 77.2%; width: 84%; left: 8%;}

#yoridori_2026cfr .coffretB .selectorWrap-3 {top: 86%; width: 84%; left: 8%;}

#yoridori_2026cfr .coffretB .productbox  button {display: block; width: 84%; top: 90%; left: 8%;} */



#yoridori_2026cfr #cat01_item01 .detailLink {top: 32.4%;}

#yoridori_2026cfr #cat01_item01 .productbox {top: 74%;}



#yoridori_2026cfr #cat01_item02 .productbox {top: 46%; left: 68%;}



#yoridori_2026cfr #cat01_item03 .detailLink {top: 30%;}

#yoridori_2026cfr #cat01_item03 .productbox {top: 71.2%;}



#yoridori_2026cfr #cat01_item04 .detailLink {top: 33.3%;}

#yoridori_2026cfr #cat01_item04 .productbox {top: 74.5%;}



#yoridori_2026cfr #cat01_item05 .detailLink {top: 22.8%; left: 46%;}

#yoridori_2026cfr #cat01_item05 .productbox {top: 76.5%;}



#yoridori_2026cfr #cat02_item01 .detailLink {top: 34.2%;}

#yoridori_2026cfr #cat02_item01 .productbox {top: 79.5%;}

/* #yoridori_2026cfr #cat02_item01 .colorSample {top: 59%; left: 8%;} */

/* #yoridori_2026cfr #cat02_item01 .productbox-1 {top: 64.8%;}

#yoridori_2026cfr #cat02_item01 .productbox-2 {top: 71.4%;}

#yoridori_2026cfr #cat02_item01 .productbox-3 {top: 78%;}

#yoridori_2026cfr #cat02_item01 .selectorWrap {margin-bottom: 0; margin-left: 16%; width: 84%; }

#yoridori_2026cfr #cat02_item01 .item_maxTotal_btn { left: 50%; bottom: 11%; width: 84%; transform: translateX(-50%);} */



#yoridori_2026cfr #cat03_item01 .detailLink {top: 26%;}

#yoridori_2026cfr #cat03_item01 .productbox {top: 71.4%;}



#yoridori_2026cfr #cat03_item02 .detailLink {top: 21.6%;}

#yoridori_2026cfr #cat03_item02 .productbox {top: 84%;}



#yoridori_2026cfr #cat03_item03 .detailLink {top: 45.6%;}

#yoridori_2026cfr #cat03_item03 .productbox {top: 60%;}



#yoridori_2026cfr #cat04_item01 .detailLink {top: 23.2%;}

#yoridori_2026cfr #cat04_item01 .productbox {top: 81.4%;}



#yoridori_2026cfr #cat04_item02 .detailLink {top: 56%;}

#yoridori_2026cfr #cat04_item02 .productbox {top: 68%;}



/* #yoridori_2026cfr #cat04_item03 .detailLink {top: 45%;}

#yoridori_2026cfr #cat04_item03 .productbox {top: 53%; left: 69.2%;} */



#yoridori_2026cfr #cat05_item01 .detailLink {top: 34%;}

#yoridori_2026cfr #cat05_item01 .productbox {top: 88%;}



/* #yoridori_2026cfr #cat05_item02 .detailLink {top: 26.8%;}

#yoridori_2026cfr #cat05_item02 .productbox {top: 84%;}



#yoridori_2026cfr #cat05_item03 .detailLink {top: 21.3%;}

#yoridori_2026cfr #cat05_item03 .colorSample {top: 74.7%; left: 8%;}

#yoridori_2026cfr #cat05_item03 .productbox-1 {top: 80.3%;}

#yoridori_2026cfr #cat05_item03 .productbox-2 {top: 86.6%;}

#yoridori_2026cfr #cat05_item03 .selectorWrap {margin-bottom: 0; margin-left: 16%; width: 84%; }

#yoridori_2026cfr #cat05_item03 .item_maxTotal_btn { left: 50%; bottom: 3%; width: 84%; transform: translateX(-50%);} */



#yoridori_2026cfr #cat06_item01 .detailLink {top: 27.6%;}

#yoridori_2026cfr #cat06_item01 .productbox {top: 77%;}



#yoridori_2026cfr #cat06_item02 .detailLink {top: 21.2%;}

#yoridori_2026cfr #cat06_item02 .productbox {top: 77.6%;}



/* #yoridori_2026cfr #cat06_item03 .detailLink {top: 20.6%;}

#yoridori_2026cfr #cat06_item03 .productbox {top: 86%;}



#yoridori_2026cfr #cat07_item01 .detailLink {top: 31%;}

#yoridori_2026cfr #cat07_item01 .productbox {top: 77%;}



#yoridori_2026cfr #cat07_item02 .detailLink {top: 40%;}

#yoridori_2026cfr #cat07_item02 .productbox {top: 0%;}

#yoridori_2026cfr #cat07_item02 .btn_acc_brush {top: 84.5%; left: 41%; width: 51%;}



#yoridori_2026cfr #cat07_item03 .detailLink {top: 24%;}

#yoridori_2026cfr #cat07_item03 .productbox-1 {top: 73.8%;}

#yoridori_2026cfr #cat07_item03 .productbox-2 {top: 80.7%;}

#yoridori_2026cfr #cat07_item03 .selectorWrap {margin-bottom: 0; margin-left: 16%; width: 84%; }

#yoridori_2026cfr #cat07_item03 .item_maxTotal_btn { left: 50%; bottom: 8%; width: 84%; transform: translateX(-50%);}

 */



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

  :root #yoridori_2026cfr {

    --px10: 0.714vw;

    --px20: 1.428vw;

    --px30: 2.142vw;

    --px40: 2.857vw;

    --px50: 3.571vw;

    --px60: 4.285vw;

    --px70: 5vw;

    --px80: 5.714vw;

    --px90: 6.428vw;

    --px100: 7.142vw;

    --px105: 7.5vw;

    --px110: 7.857vw;

    --px120: 8.571vw;

    --px130: 9.285vw;

    --px140: 10vw;

  }



  #yoridori_2026cfr .ContentsWrap ,

  #yoridori_2026cfr .fv{

    width: 45%;

  }

  #yoridori_2026cfr .ContentsWrap img {

    width: 100%;

  }

  #yoridori_2026cfr .colorSample a, #yoridori_2026cfr .colorSample span {

    font-size: 1.4vw;

  }

  #yoridori_2026cfr .item_maxTotal2 .productbox {

    width: 30vw;

    left: 11.4vw;

  }

  #yoridori_2026cfr .productbox {

    width: 84%;

  }

  #yoridori_2026cfr .items .detailLink {

    left: 45.2%;

    font-size: 1.4vw;

  }

  #yoridori_2026cfr #present .detailLink {

    bottom: 12%;

    left: 13.5%;

    font-size: 1.2vw;

  }

  #yoridori_2026cfr .item_maxTotal_btn {

      width: 37.5vw;

  }

  #yoridori_2026cfr .items .telLink {

    bottom: 6.1%;

  }

  #yoridori_2026cfr .items .telLink a {

    font-size: 1.6vw;

  }



  #yoridori_2026cfr .present_ancBtn a {

    width: calc(100% - 4vw);

  }

  #yoridori_2026cfr nav.btm {

    padding: 0 2vw;

  }

  #yoridori_2026cfr nav .navblc {

    margin-bottom: 2vw;

  }

  #yoridori_2026cfr .side_nav {

    right: 76%;

    width: 20%;

  }

  #pop-up {

    left: 76%;

    width: 20%;

  }

}



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

  .selectorWrap select,

  .selectorWrap select + span {

    height: 40px;

  }

}