@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; */

  width: min(100%, 1000px);

  margin: auto;

}



/* #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;

}

#yoridori_2026cfr .fv img {

  max-width: 750px;

  width: 100%;

  margin: auto;

}



#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: "MFW-HiraKakuProN-W6", 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(--px30);

}

.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: "MFW-HiraKakuProN-W6", 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: "MFW-HiraKakuProN-W6", 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: "MFW-HiraKakuProN-W6", sans-serif;

  font-size: 2.4rem;

}

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

  color: #b81649;

}

#modal .discount-display {

  color: #b81649;

  font-weight: bold;

  font-family: "MFW-HiraKakuProN-W6", 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;

}

/* .cboxPhoto {

  width: 640px !important;

  height: auto !important;

  padding-right: 20px;

}

#cboxLoadedContent {

  overflow-x: hidden !important;

} */





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

  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.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 #item01 .detailLink {top: 31.6%;}

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



#yoridori_2026cfr #item02 .detailLink {top: 31.4%;}

#yoridori_2026cfr #item02 .productbox {top: 71.7%;}



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

#yoridori_2026cfr #item03 .productbox {

  top: 90.8%;

  left: 58%;

  width: min(452px, 452 / 750 * 100%);

}

#yoridori_2026cfr #item03 .colorSample {

  position: absolute;

  left: 0;

  top: 84.5%;

  width: 100%;

  text-align: center;

}



#yoridori_2026cfr #item04 .productbox {

  top: 26%;

  left: 58%;

  width: min(452px, 452 / 750 * 100%);

}



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



#yoridori_2026cfr #melt_item01 .detailLink {top: 29%;}

#yoridori_2026cfr #melt_item01 .productbox {top: 81%;}



#yoridori_2026cfr #melt_item02 .detailLink {top: 27%;}

#yoridori_2026cfr #melt_item02 .productbox {top: 91.4%;}



#yoridori_2026cfr #melt_item03 .detailLink {top: 35.3%;}

#yoridori_2026cfr #melt_item03 .productbox {top: 74.4%;}



#yoridori_2026cfr #item06 .detailLink {top: 20.3%;}

#yoridori_2026cfr #item06 .productbox {top: 82.7%;}



#yoridori_2026cfr #item07 .detailLink {top: 26.6%;}

#yoridori_2026cfr #item07 .productbox {top: 81%;}



#yoridori_2026cfr #item08 .detailLink {top: 31.6%;}

#yoridori_2026cfr #item08 .productbox {top: 82.4%;}



#yoridori_2026cfr #item09 .detailLink {top: 25.4%;}

#yoridori_2026cfr #item09 .productbox {top: 76.2%;}



#yoridori_2026cfr #item10 .detailLink {top: 20%;}

#yoridori_2026cfr #item10 .productbox {top: 77.7%;}





@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 {

    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%;

  }

}



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

  .selectorWrap select,

  .selectorWrap select + span {

    height: 40px;

  }

}



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



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

  追従カート（#pop-up）

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

#pop-up {

  background-color: #efdede;

  transform: translateX(0);

  position: fixed;

  right: 0;

  bottom: 20%;

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

  width: 15%;

  min-width: 200px;

  max-width: 300px;

  padding: 1.5em;

  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-radius: 5px;

  opacity: 0;

  visibility: hidden;

  overflow: hidden;

  transition: .3s;

  z-index: 100;

}

#pop-up.view {

  transform: translateX(0%);

  opacity: 1;

  visibility: visible;

}

#pop-up.on {

  left: calc(100% + 1px);

}

#pop-up.on.view {

  transform: translateX(-100%);

}

#pop-up .pop-up_bnr {

  display: none;

}

#pop-up > .flex {

  display: block;

}

#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: "MFW-HiraKakuProN-W6", 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: "MFW-HiraKakuProN-W6", sans-serif;

  color: #b81649;

}

#pop-up .red {

  color: #b81649;

}

#pop-up .cart-show,

#pop-up .cart-in {

  width: 100%;

  margin-top: 8px;

}

#pop-up .cart-show img,

#pop-up .cart-in img {

  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;

}



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

  #pop-up {

    left: 76%;

    width: 20%;

  }

}



/* 1023px以下：SP版と同じ下部固定バー */

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

  #pop-up {

    left: 0;

    right: 0;

    bottom: var(--headerNavH, 0px); /* 下部固定ナビ(.headerNavWrap)の高さ。popup.ascxのJSで設定 */

    width: 100%;

    min-width: 0;

    max-width: none;

    padding: 0 4vw 3vw;

    background-color: #e9d8d8;

    box-shadow: none;

    -webkit-box-shadow: none;

    border-radius: 0;

    overflow: visible;

    transform: translateY(100%);

    transition: .4s;

  }

  #pop-up.view,

  #pop-up.on.view {

    transform: translateY(0);

  }

  #pop-up.on {

    left: 0;

  }

  #pop-up .pop-up_bnr {

    display: block;

    margin: 0 -4vw 10px;

  }

  #pop-up .pop-up_bnr img {

    width: 100%;

  }

  #pop-up img {

    vertical-align: top;

    max-width: 100%;

  }

  #pop-up > .flex {

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

  #pop-up .popData01 {

    width: 80px;

  }

  #pop-up .popData02 {

    width: calc(50% - 46px);

  }

  #pop-up .popData03 {

    width: calc(50% - 52px);

  }

  #pop-up .off_circle {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    margin: 0;

  }

  #pop-up .product-set2 {

    line-height: 1;

    margin-top: 0;

  }

  #pop-up .cart-show,

  #pop-up .cart-in {

    margin-top: 0;

  }

  #pop-up .cart-show {

    margin-top: 2px;

  }

  #pop-up .cart-show img,

  #pop-up .cart-in img {

    width: auto;

  }

  #pop-up .reset {

    display: none;

  }

  #pop-up .pop-up_selectList_mini {

    font-size: min(2.5vw, 12px);

    text-align: center;

    line-height: 1;

    margin-top: 0.7em;

  }

}