@charset "UTF-8";
/* common class
---------------------------------------------------------------------------- */
/* font-family: 'Jost', sans-serif; font-weight: 600;
◎　e8343d　←正
×　e6393d
article a:hover{
    background: #f2f2f2;
}
*/
/* css parts
---------------------------------------------------------------------------- */
span.p-anc-point {
  position: relative;
  top: -80px;
}
@media not all and (min-width: 768px) {
  span.p-anc-point {
    top: calc(-70 / 3.75 * 1vw);
  }
}

span.p-anc-point02 {
  position: relative;
  top: -130px;
}
@media not all and (min-width: 768px) {
  span.p-anc-point02 {
    top: calc(-70 / 3.75 * 1vw);
  }
}

/* 商品ページPC/SP共通
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------*/
/* コットンバッグの生地の厚みについて 部分 */
@media not all and (min-width: 768px) {
  .p-other-info-box {
    padding: 0 calc(10 / 3.75 * 1vw);
    margin-top: calc(50 / 3.75 * 1vw);
  }
}
.p-other-info-box p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .p-other-info-box p {
    font-size: calc(13 / 3.75 * 1vw);
    font-weight: 500;
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
.p-other-info-box .in-link {
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .p-other-info-box .in-link {
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}

/* サーモスバナー 部分 */
.p-bnr-box {
  text-align: center;
  margin: 37px 0 40px;
}
@media not all and (min-width: 768px) {
  .p-bnr-box {
    padding: 0 calc(10 / 3.75 * 1vw);
    text-align: center;
    margin: calc(37 / 3.75 * 1vw) 0 calc(40 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-bnr-box img {
    height: auto;
    width: 100%;
  }
}
.p-bnr-box.nt {
  margin: 0 0 40px;
}
@media not all and (min-width: 768px) {
  .p-bnr-box.nt {
    margin: 0 0 calc(40 / 3.75 * 1vw);
  }
}

/* 商品の注意事項 */
.p-item-notice-box {
  background: #F9F9F9;
  border: 2px solid #DDDDDD;
  border-radius: 5px;
  padding: 20px;
  margin-top: 40px;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box {
    border: none;
    border-radius: 0;
    padding: calc(16 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
    margin-top: calc(30 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow: hidden;
  transition: .3s ease;
  position: relative;
  row-gap: 30px;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap {
    row-gap: calc(25 / 3.75 * 1vw);
    max-height: calc(290 / 3.75 * 1vw);
    row-gap: calc(30 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap h3 {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #A7A7A7;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap h3 {
    font-size: calc(16 / 3.75 * 1vw);
    margin-bottom: calc(16 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap h4 {
  font-size: 12px;
  font-weight: 700;
  margin: 20px 0 10px;
  display: flex;
  align-items: center;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap h4 {
    font-size: calc(12 / 3.75 * 1vw);
    margin: calc(20 / 3.75 * 1vw) 0 calc(10 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap h4::before {
  background: #E22B30;
  content: "";
  display: block;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  margin-right: 5px;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap h4::before {
    height: calc(8 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
    margin-right: calc(5 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap .cont-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap .cont-box {
    display: block;
  }
}
.p-item-notice-box .oc-wrap .cont-box .img-box {
  border: 1px solid #DDDDDD;
  width: 400px;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap .cont-box .img-box {
    width: 100%;
    height: auto;
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap .cont-box .img-box img {
  width: 100%;
}
.p-item-notice-box .oc-wrap .cont-box p {
  flex: 1;
  padding-left: 20px;
  font-size: 13px;
  line-height: 21px;
  word-break: break-all;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap .cont-box p {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    padding-left: 0;
  }
}
.p-item-notice-box .oc-wrap .more-btn {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100px;
  background: linear-gradient(to top, #f9f9f9 0%, transparent 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: .1s ease .8s;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap .more-btn {
    height: calc(100 / 3.75 * 1vw);
    bottom: calc(-10 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap .more-btn span {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  transition: .2s ease;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap .more-btn span {
    font-size: calc(15 / 3.75 * 1vw);
    background: #f9f9f9;
    width: calc(100vw - calc(20 / 3.75 * 1vw));
    padding: calc(10 / 3.75 * 1vw) 0;
    text-align: center;
  }
}
.p-item-notice-box .oc-wrap .more-btn span img {
  margin-right: 10px;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap .more-btn span img {
    margin-right: calc(10 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap .more-btn span.open {
  display: block;
}
.p-item-notice-box .oc-wrap .more-btn span.close {
  display: none;
}
.p-item-notice-box .oc-wrap .more-btn span:hover {
  cursor: pointer;
  opacity: .7;
}
.p-item-notice-box .oc-wrap.open {
  max-height: 3000px;
  padding-bottom: 40px;
}
@media not all and (min-width: 768px) {
  .p-item-notice-box .oc-wrap.open {
    max-height: calc(4000 / 3.75 * 1vw);
    padding-bottom: calc(40 / 3.75 * 1vw);
  }
}
.p-item-notice-box .oc-wrap.open .more-btn {
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, transparent 100%);
}
.p-item-notice-box .oc-wrap.open .more-btn span.open {
  display: none;
}
.p-item-notice-box .oc-wrap.open .more-btn span.close {
  display: block;
}
.p-item-notice-box .oc-wrap.open .more-btn a.h-none:hover {
  color: #333;
}

/* 印刷形式の動画 */
.p-about-print {
  border: #b8b8b8 dotted 2px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  display: flex;
  margin: 50px 15px;
}
@media not all and (min-width: 768px) {
  .p-about-print {
    display: block;
    padding: 0;
    border: none;
    margin: 0 calc(10 / 3.75 * 1vw) 0 0;
    width: calc(110 / 3.75 * 1vw);
  }
}
.p-about-print .about-movie {
  width: 130px;
}
@media not all and (min-width: 768px) {
  .p-about-print .about-movie {
    width: calc(110 / 3.75 * 1vw);
  }
}
.p-about-print .about-txt {
  flex: 1;
  padding-left: 15px;
}
@media not all and (min-width: 768px) {
  .p-about-print .about-txt {
    padding-left: 0;
  }
}
.p-about-print .about-txt .bold {
  font-weight: bold;
  margin: -1px 0 5px 0;
}
@media not all and (min-width: 768px) {
  .p-about-print .about-txt .bold {
    display: none;
  }
}
.p-about-print .about-txt .txt {
  font-size: 11px;
  line-height: 1.4;
}
@media not all and (min-width: 768px) {
  .p-about-print .about-txt .txt {
    display: none;
  }
}
.p-about-print .about-txt .link {
  margin-top: 5px;
  text-align: right;
  font-size: 12px;
  pointer-events: none;
  line-height: 1.4;
}
@media not all and (min-width: 768px) {
  .p-about-print .about-txt .link {
    margin-top: calc(5 / 3.75 * 1vw);
    font-size: calc(12 / 3.75 * 1vw);
    text-align: left;
    line-height: 1.4;
  }
}
.p-about-print .about-txt .link a {
  color: #0a90be;
  text-decoration: underline;
}
@media not all and (min-width: 768px) {
  .p-about-print .about-txt .link a {
    color: #333;
    text-decoration: none;
  }
}
.p-about-print:hover {
  border-color: #0a90be;
}

/* 入稿用テンプレートダウンロード */
.p-dl-btn-box {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #8EDDF8;
  background: #F3FCFF;
  border-radius: 5px;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transition: .2s ease;
  height: 57px;
  width: 302px;
  z-index: 10000;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box {
    border-radius: calc(5 / 3.75 * 1vw);
    padding: calc(12 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
    align-items: center;
    height: calc(50 / 3.75 * 1vw);
    width: calc(100vw - calc(20 / 3.75 * 1vw));
    z-index: 10000;
    left: calc(10 / 3.75 * 1vw);
    right: auto;
  }
}
.p-dl-btn-box:hover {
  cursor: pointer;
  opacity: .7;
}
.p-dl-btn-box p {
  color: #0A90BE;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box p {
    font-size: calc(15 / 3.75 * 1vw);
  }
}
.p-dl-btn-box p img {
  margin-right: 10px;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box p img {
    margin-right: calc(10 / 3.75 * 1vw);
  }
}
.p-dl-btn-box .oc-box {
  width: 302px;
  height: 57px;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-bottom: 1px dotted #CCCCCC;
  transition: .25s ease;
  opacity: 0;
  z-index: 1;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box .oc-box {
    width: 100%;
    height: 0;
    margin-top: calc(10 / 3.75 * 1vw);
  }
}
.p-dl-btn-box .oc-box dl {
  border-bottom: 1px dotted #CCCCCC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.p-dl-btn-box .oc-box dl dt {
  display: flex;
  align-items: center;
  flex: 1;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box .oc-box dl dt {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: 1.5;
    margin: calc(10 / 3.75 * 1vw) 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
.p-dl-btn-box .oc-box dl dd {
  display: flex;
  align-items: center;
  padding: 7px 0;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box .oc-box dl dd {
    padding: calc(7 / 3.75 * 1vw) 0;
  }
}
.p-dl-btn-box .oc-box dl dd a {
  display: flex;
  align-items: center;
  height: 25px;
  width: 120px;
  background: #28A3CD;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  color: #fff;
  transition: .15s ease;
  margin-left: 40px;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box .oc-box dl dd a {
    height: calc(25 / 3.75 * 1vw);
    width: calc(120 / 3.75 * 1vw);
    border-radius: calc(3 / 3.75 * 1vw);
    font-size: calc(13 / 3.75 * 1vw);
    margin-left: calc(20 / 3.75 * 1vw);
  }
}
.p-dl-btn-box .oc-box dl dd a:hover {
  opacity: .7;
}
.p-dl-btn-box .oc-box dl.sub {
  width: 310px;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box .oc-box dl.sub {
    width: 100%;
  }
}
.p-dl-btn-box .oc-box dl.nb {
  border: none;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box .oc-box dl.nb {
    border-bottom: 1px dotted #CCCCCC;
  }
}
.p-dl-btn-box.open {
  height: auto;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box.open {
    width: calc(100vw - calc(20 / 3.75 * 1vw));
  }
}
.p-dl-btn-box.open:hover {
  opacity: 1;
}
.p-dl-btn-box.open::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
}
.p-dl-btn-box.open .oc-box {
  width: 558px;
  height: auto;
  opacity: 1;
  visibility: visible;
}
@media not all and (min-width: 768px) {
  .p-dl-btn-box.open .oc-box {
    width: 100%;
  }
}

/* 印刷方法と部位を選ぶ */
.info-cont {
  padding: 30px;
  border: 1px solid #DDDDDD;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: .15s ease;
}
@media not all and (min-width: 768px) {
  .info-cont {
    position: static;
    padding: 0;
    visibility: hidden;
    height: 0;
    transition: none;
  }
}
.info-cont .img-box {
  margin-bottom: 25px;
}
@media not all and (min-width: 768px) {
  .info-cont .img-box {
    margin-bottom: calc(16 / 3.75 * 1vw);
  }
}
.info-cont p {
  font-size: 12px;
  line-height: 20px;
}
@media not all and (min-width: 768px) {
  .info-cont p {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
  }
}
.info-cont.show {
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .info-cont.show {
    transition: opacity .15s ease;
    padding: calc(15 / 3.75 * 1vw);
    visibility: visible;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .info-cont.show.cont01::before {
    content: "";
    top: 15px;
  }
  .info-cont.show.cont02::before {
    content: "";
    top: 63px;
  }
  .info-cont.show.cont03::before {
    content: "";
    top: 111px;
  }
  .info-cont.show.cont04::before {
    content: "";
    top: 159px;
  }
  .info-cont.show.cont05::before {
    content: "";
    top: 207px;
  }
  .info-cont.show.cont06::before {
    content: "";
    top: 255px;
  }
  .info-cont.show.cont07::before {
    content: "";
    top: 303px;
  }
  .info-cont.show.cont08::before {
    content: "";
    top: 351px;
  }
}
.info-cont::before {
  /* background: url("/item_images/products/step_arr02.png") center center / contain no-repeat;
  height: 17px;
  width: 13px;
  display: block;
  position: absolute;
  left: -12px;*/
}

/* パンくず
-------------------------------------------------------------------*/
@media not all and (min-width: 768px) {
  .p-blead-clumb {
    overflow: hidden;
  }
}
.p-blead-clumb ul {
  display: flex;
  font-size: 12px;
  font-weight: 700;
  width: calc(100% - calc(10 / 3.75 * 1vw));
}
@media not all and (min-width: 768px) {
  .p-blead-clumb ul {
    display: block;
    font-size: calc(10 / 3.75 * 1vw);
    padding: calc(15 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.p-blead-clumb ul li::after {
  content: "»";
  color: #333;
  padding: 0 10px;
}
@media not all and (min-width: 768px) {
  .p-blead-clumb ul li::after {
    padding: 0 0 0 calc(5 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-blead-clumb ul li {
    display: inline;
    padding: 0 calc(5 / 3.75 * 1vw) 0 0;
    white-space: nowrap;
  }
}
.p-blead-clumb ul li.current::after {
  content: none;
}
.p-blead-clumb ul li a {
  color: #28A3CD;
  white-space: nowrap;
}
.p-blead-clumb ul li a:hover {
  text-decoration: underline;
}

/* カテタイトル共通　4ステップ
-------------------------------------------------------------------*/
.p-step-info-box {
  align-items: center;
  background: #9DC2CF;
  display: flex;
  justify-content: center;
  padding: 7px 0;
}
@media not all and (min-width: 768px) {
  .p-step-info-box {
    display: none;
  }
}
.p-step-info-box h2 {
  margin-right: 20px;
}
.p-step-info-box .step-box {
  align-items: center;
  display: flex;
  justify-content: center;
}
.p-step-info-box .step-box .box {
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.p-step-info-box .step-box .box.box01::before {
  background: url("/assets/img/common/icn_step01.png") center center/38px auto no-repeat;
  content: '';
  height: 40px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 38px;
}
.p-step-info-box .step-box .box.box02::before {
  background: url("/assets/img/common/icn_step03.png") center center/22px auto no-repeat;
  content: '';
  height: 40px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 38px;
}
.p-step-info-box .step-box .box.box03::before {
  background: url("/assets/img/common/icn_step02.png") center center/27px no-repeat;
  content: '';
  height: 40px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 38px;
}
.p-step-info-box .step-box .box.box04::before {
  background: url("/assets/img/common/icn_step03.png") center center/22px no-repeat;
  content: '';
  height: 40px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 38px;
}
.p-step-info-box .step-box h3 {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  padding: 5px 10px 5px 50px;
}
.p-step-info-box .step-box h3 .num {
  font-size: 15px;
}
.p-step-info-box .step-box p {
  border-top: 1px dotted #9DC2CF;
  font-size: 11px;
  padding: 3px 10px;
  text-align: center;
  width: 100%;
}
.p-step-info-box .step-box .split-arr {
  margin: 0 10px;
}

/* 小カテ・第3カテキービジュアル
-------------------------------------------------------------------*/
.p-sub-kv-box {
  display: flex;
  flex-direction: column-reverse;
  margin-top: -40px;
}
@media not all and (min-width: 768px) {
  .p-sub-kv-box {
    margin-top: calc(-40 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-sub-kv-box .kv-box img {
    display: none;
  }
}
.p-sub-kv-box .title-box {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
@media not all and (min-width: 768px) {
  .p-sub-kv-box .title-box {
    flex-direction: column;
    margin: 0 0 0;
  }
}
.p-sub-kv-box .title-box .title-txt {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}
@media not all and (min-width: 768px) {
  .p-sub-kv-box .title-box .title-txt {
    background: #CCCCCC;
    padding-top: 0;
    position: relative;
    min-height: calc(134 / 3.75 * 1vw);
  }
}
.p-sub-kv-box .title-box .title-txt h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  max-width: 400px;
}
@media not all and (min-width: 768px) {
  .p-sub-kv-box .title-box .title-txt h1 {
    align-items: center;
    font-size: calc(20 / 3.75 * 1vw);
    display: flex;
    padding: 0 calc(10 / 3.75 * 1vw);
    height: 100%;
    max-width: none;
    line-height: calc(31 / 3.75 * 1vw);
    width: 100%;
    position: absolute;
  }
  .p-sub-kv-box .title-box .title-txt h1 span {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: calc(5 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
  }
}
.p-sub-kv-box .title-box .title-txt .sub-title {
  color: #e8343d;
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.3;
}
@media not all and (min-width: 768px) {
  .p-sub-kv-box .title-box .title-txt .sub-title {
    display: none;
  }
}
.p-sub-kv-box .title-box .sub-lead {
  flex: 1;
  font-size: 13px;
  line-height: 21px;
  padding-left: 15px;
}
@media not all and (min-width: 768px) {
  .p-sub-kv-box .title-box .sub-lead {
    font-size: calc(13 / 3.75 * 1vw);
    color: #707070;
    padding: calc(20 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) 0;
  }
}

/* 大カテ・第3カテキービジュアル
-------------------------------------------------------------------*/
.p-main-kv-box {
  margin-top: -40px;
}
.p-main-kv-box .kv-box {
  position: relative;
}
.p-main-kv-box .kv-box h1 {
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 35px;
  font-weight: 700;
  line-height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-main-kv-box .kv-box h1 {
    font-size: calc(22 / 3.75 * 1vw);
    line-height: calc(35 / 3.75 * 1vw);
  }
}
.p-main-kv-box .kv-box h1.bnr-h1 {
  position: static;
}
.p-main-kv-box .kv-box .title-box {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 240px;
  width: 446px;
  top: calc(50% - 110px);
  left: calc(50% - 223px);
  padding-top: 16px;
}
@media not all and (min-width: 768px) {
  .p-main-kv-box .kv-box .title-box {
    background: rgba(255, 255, 255, 0.9);
    height: calc(118 / 3.75 * 1vw);
    width: calc(268 / 3.75 * 1vw);
    top: calc(50% - calc(59 / 3.75 * 1vw));
    left: calc(50% - calc(134 / 3.75 * 1vw));
    padding: 0;
  }
}
.p-main-kv-box .kv-box .title-box h1 {
  position: static;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  height: auto;
  margin-bottom: 8px;
}
@media not all and (min-width: 768px) {
  .p-main-kv-box .kv-box .title-box h1 {
    font-size: calc(22 / 3.75 * 1vw);
    line-height: calc(32 / 3.75 * 1vw);
    margin: 0;
  }
}
.p-main-kv-box .kv-box .title-box p {
  font-size: 13px;
  line-height: 21px;
  font-weight: 500;
  text-align: center;
}
.p-main-kv-box .sub-lead {
  font-size: 13px;
  line-height: 21px;
  margin-top: 20px;
}
@media not all and (min-width: 768px) {
  .p-main-kv-box .sub-lead {
    padding: 0 calc(10 / 3.75 * 1vw);
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    margin-top: calc(20 / 3.75 * 1vw);
  }
}
.p-main-kv-box .sub-lead02 {
  font-size: 13px;
  line-height: 19px;
  padding: 30px 30px 0;
}
@media not all and (min-width: 768px) {
  .p-main-kv-box .sub-lead02 {
    background: #EEEEEE;
    padding: calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    margin-top: 0;
  }
}
.p-main-kv-box picture img {
  max-width: none;
  width: 100%;
}

/* 汎用3列
-------------------------------------------------------------------*/
@media not all and (min-width: 768px) {
  .p-3col-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-3col-box .flx-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
}
@media not all and (min-width: 768px) {
  .p-3col-box .flx-box {
    row-gap: calc(30 / 3.75 * 1vw);
  }
}
.p-3col-box .flx-box .item-3col-box {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 307px;
}
@media not all and (min-width: 768px) {
  .p-3col-box .flx-box .item-3col-box {
    width: calc(170/ 3.75 * 1vw);
  }
}
.p-3col-box .flx-box .item-3col-box > a {
  align-items: flex-start;
  background: #F6F6F6;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 0 0 10px;
  width: 307px;
  height: 100%;
}
@media not all and (min-width: 768px) {
  .p-3col-box .flx-box .item-3col-box > a {
    padding: 0 0 10px;
    width: calc(170/ 3.75 * 1vw);
    min-height: calc(180/ 3.75 * 1vw);
  }
}
.p-3col-box .flx-box .item-3col-box > a img {
  border: 1px solid #F6F6F6;
  height: 150px;
  object-fit: cover;
  width: 307px;
}
@media not all and (min-width: 768px) {
  .p-3col-box .flx-box .item-3col-box > a img {
    width: calc(170/ 3.75 * 1vw);
    height: calc(83 / 3.75 * 1vw);
    /* 20230314 */
  }
}
.p-3col-box .flx-box .item-3col-box > a h3 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 1em 0 .5em;
  padding: 0 10px;
}
@media not all and (min-width: 768px) {
  .p-3col-box .flx-box .item-3col-box > a h3 {
    font-size: calc(13/ 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    margin: calc(10/ 3.75 * 1vw) 0 0.5em;
    padding: 0 calc(10/ 3.75 * 1vw);
  }
}
.p-3col-box .flx-box .item-3col-box > a p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 10px;
}
@media not all and (min-width: 768px) {
  .p-3col-box .flx-box .item-3col-box > a p {
    font-size: calc(12/ 3.75 * 1vw);
    padding: 0 calc(10/ 3.75 * 1vw);
  }
}
.p-3col-box .flx-box .item-3col-box > a:hover p {
  color: #333;
}
.p-3col-box .flx-box .item-3col-box ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  row-gap: 10px;
}
.p-3col-box .flx-box .item-3col-box ul li a {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  font-size: 13px;
  line-height: 17px;
  margin: 10px 0;
  margin: 0 10px 0 0;
  padding: 0 5px;
}
@media not all and (min-width: 768px) {
  .p-3col-box .flx-box .item-3col-box ul li a {
    font-size: calc(12 3.75 * 1vw);
  }
}
.p-3col-box .flx-box.short-h {
  flex-wrap: wrap;
  flex-direction: row;
  align-items: stretch;
}
.p-3col-box .flx-box.short-h .item-3col-box {
  flex-wrap: wrap;
  flex-direction: row;
  align-items: stretch;
}
.p-3col-box .flx-box.short-h .item-3col-box a {
  min-height: 0;
}
.p-3col-box .flx-box::after {
  content: "";
  display: block;
  height: 0;
  width: 307px;
  visibility: hidden;
}

.p-sub-ranking-box.mt-20 {
  margin-top: -20px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.mt-20 {
    margin-top: 0;
  }
}
.p-sub-ranking-box.mt40 {
  margin-top: 40px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.mt40 {
    margin-top: calc(40 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box.mt20 {
  margin-top: 20px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.mt20 {
    margin-top: calc(20 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box h2 a, .p-sub-ranking-box .btm-link {
  font-size: 13px;
  background: url(/assets/img/common/footer_icn_arr01.png) right top 1px/8px auto no-repeat;
  padding-right: 16px;
  text-decoration: underline;
  color: #28A3CD;
  font-weight: 500;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box h2 a, .p-sub-ranking-box .btm-link {
    font-size: calc(13 / 3.75 * 1vw);
    margin: 0 0 0 auto;
    text-align: right;
  }
}
.p-sub-ranking-box h2 a:hover, .p-sub-ranking-box .btm-link:hover {
  text-decoration: none;
}
.p-sub-ranking-box h2 a::after, .p-sub-ranking-box .btm-link::after {
  content: none;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box h2 a::after, .p-sub-ranking-box .btm-link::after {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .btm-link-box {
  display: block;
  padding: 0 calc(10 / 3.75 * 1vw);
  text-align: right;
  width: 100%;
}
.p-sub-ranking-box .btm-link-box a {
  display: block;
  margin: 0 0 0 auto;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
  }
  .p-sub-ranking-box h2 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
}
.p-sub-ranking-box .inner {
  margin-bottom: 30px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner {
    display: flex;
    row-gap: 0;
    overflow-x: scroll;
    padding-bottom: calc(10 / 3.75 * 1vw);
    margin-bottom: calc(10 / 3.75 * 1vw);
    width: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /**/
  }
  .p-sub-ranking-box .inner::-webkit-scrollbar {
    display: none;
  }
}
.p-sub-ranking-box .inner .flx-box {
  justify-content: space-between;
  display: flex;
  flex-wrap: nowrap;
  row-gap: 40px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box {
    flex-wrap: nowrap;
    width: auto;
  }
}
.p-sub-ranking-box .inner .flx-box .cont {
  width: 170px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont {
    margin-right: calc(13 / 3.75 * 1vw);
    width: calc(127 / 3.75 * 1vw);
  }
  .p-sub-ranking-box .inner .flx-box .cont .rank-img {
    align-items: center;
    display: flex;
    width: calc(48 / 3.75 * 1vw);
    height: calc(22 / 3.75 * 1vw);
    justify-content: center;
    background: url("/item_images/top/bg_rank4.png") center center/contain no-repeat;
    margin-bottom: 5px;
    padding-bottom: calc(2 / 3.75 * 1vw);
    color: #84aa59;
    text-align: center;
    font-size: calc(14 / 3.75 * 1vw);
    line-height: 1.8;
    font-weight: bold;
  }
  .p-sub-ranking-box .inner .flx-box .cont .rank-img::after {
    content: "位";
    font-size: calc(12 / 3.75 * 1vw);
    display: inline-block;
  }
  .p-sub-ranking-box .inner .flx-box .cont .rank-img.fst {
    background: url("/item_images/top/bg_rank1.png") center center/contain no-repeat;
    color: #d0b237;
  }
  .p-sub-ranking-box .inner .flx-box .cont .rank-img.sec {
    background: url("/item_images/top/bg_rank2.png") center center/contain no-repeat;
    color: #8b8b8b;
  }
  .p-sub-ranking-box .inner .flx-box .cont .rank-img.thr {
    background: url("/item_images/top/bg_rank3.png") center center/contain no-repeat;
    color: #ae7d53;
  }
}
.p-sub-ranking-box .inner .flx-box .cont a {
  display: block;
  margin-bottom: 10px;
}
.p-sub-ranking-box .inner .flx-box .cont a img {
  border: 1px solid #EEEEEE;
  object-fit: cover;
  height: 193px;
  width: 170px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont a img {
    height: auto;
    width: calc(127 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .inner .flx-box .cont .name {
  font-weight: 700;
  min-height: 2.4em;
  line-height: 18px;
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont .name {
    height: auto;
    font-size: calc(12 / 3.75 * 1vw);
    line-height: 1.5;
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .inner .flx-box .cont .s-num {
  color: #999999;
  font-size: 12px;
  margin-bottom: 6px;
  text-align: right;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont .s-num {
    font-size: calc(11 / 3.75 * 1vw);
    text-align: left;
  }
}
.p-sub-ranking-box .inner .flx-box .cont .rank-price-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont .rank-price-box {
    justify-content: space-between;
  }
}
.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .price {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont .rank-price-box .price {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .price span {
  font-size: 11px;
  font-weight: 500;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont .rank-price-box .price span {
    font-size: calc(11 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank {
  background: #F5F5F5;
  border-radius: 2px;
  color: #707070;
  font-size: 13px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  width: 50px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank {
    display: none;
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(18 / 3.75 * 1vw);
    width: calc(40 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank.top3 {
  color: #fff;
  font-size: 13px;
  line-height: 26px;
  width: 50px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank.top3 {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(18 / 3.75 * 1vw);
    width: calc(40 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank.top3.fst {
  background: #D0AC62;
}
.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank.top3.sec {
  background: #B6BCC1;
}
.p-sub-ranking-box .inner .flx-box .cont .rank-price-box .rank.top3.thr {
  background: #A15326;
}
.p-sub-ranking-box .anc-link-wrap ul {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 80px;
  color: #E8343D;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .anc-link-wrap ul {
    flex-wrap: wrap;
    font-size: calc(13 / 3.75 * 1vw);
    margin-bottom: calc(50 / 3.75 * 1vw);
    row-gap: calc(12 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .anc-link-wrap ul li {
  background: url("/assets/img/common/icn_anc01.png") left 13px center/19px auto no-repeat;
  align-items: center;
  display: flex;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0px 2px 0px #BBBBBB;
  height: 42px;
  line-height: 42px;
  justify-content: center;
  transition: .15s ease;
  width: 152px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .anc-link-wrap ul li {
    background: url("/assets/img/common/icn_anc01.png") left calc(13 / 3.75 * 1vw) center/calc(19 / 3.75 * 1vw) auto no-repeat;
    border-radius: 5px;
    height: calc(42 / 3.75 * 1vw);
    line-height: calc(42 / 3.75 * 1vw);
    width: calc(110 / 3.75 * 1vw);
    justify-content: flex-start;
    padding-left: calc(38 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .anc-link-wrap ul li:hover {
  background: #FFF5F5 url("/assets/img/common/icn_anc01.png") left 13px center/19px auto no-repeat;
  border: 1px solid #F9CCBF;
}
.p-sub-ranking-box .info-wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 25px 0 50px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .info-wrap {
    flex-direction: column;
    margin: calc(40 / 3.75 * 1vw) 0 calc(50 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .info-wrap img {
  object-fit: contain;
  height: 135px;
  width: 180px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .info-wrap img {
    display: block;
    margin: 0 auto calc(20 / 3.75 * 1vw);
    height: calc(135 / 3.75 * 1vw);
    width: calc(180 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .info-wrap p {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .info-wrap p {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .h4-type01 {
  font-size: 18px;
  font-weight: 700;
  margin: 50px 0 15px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .h4-type01 {
    font-size: calc(15 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    margin: calc(50 / 3.75 * 1vw) 0 calc(10 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .cate-link-wrap {
  margin-bottom: 150px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .cate-link-wrap {
    margin-bottom: calc(80 / 3.75 * 1vw);
  }
}
.p-sub-ranking-box .cate-link-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -.03em;
  row-gap: 10px;
  color: #707070;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .cate-link-wrap ul {
    font-size: calc(10 / 3.75 * 1vw);
    border-top: 1px solid #DDDDDD;
    margin-left: calc(-10 / 3.75 * 1vw);
    width: 100vw;
    row-gap: 0;
  }
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .cate-link-wrap ul li {
    width: 50%;
  }
}
.p-sub-ranking-box .cate-link-wrap ul li a {
  background: url("/assets/img/common/cm_arr01.svg") right 13px center/8px auto no-repeat;
  align-items: center;
  display: flex;
  border: 1px solid #DDDDDD;
  height: 50px;
  line-height: 17px;
  justify-content: space-between;
  transition: .15s ease;
  padding: 0 24px 0 10px;
  width: 230px;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box .cate-link-wrap ul li a {
    line-height: calc(16 / 3.75 * 1vw);
    border: none;
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
  }
}
.p-sub-ranking-box .cate-link-wrap ul li a:hover {
  background: url("/assets/img/common/arr_cate_r.svg") right 13px center/8px auto no-repeat;
  color: #E8343D;
}
.p-sub-ranking-box .cate-link-wrap ul li a .img {
  display: block;
  height: 40px;
  width: 40px;
}
.p-sub-ranking-box .cate-link-wrap ul li a .img img {
  object-fit: contain;
  height: 40px;
  width: 40px;
}
.p-sub-ranking-box .cate-link-wrap ul li a .txt {
  flex: 1;
  padding: 0 0 0 7px;
}
.p-sub-ranking-box .cate-link-wrap ul li:nth-child(odd) a {
  border-right: 1px solid #DDDDDD;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.sub-free-wrap {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.sub-free-wrap h2 {
    padding: 0;
  }
}
.p-sub-ranking-box.sub-free-wrap .flx-box {
  flex-wrap: wrap;
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.sub-free-wrap .flx-box {
    row-gap: calc(20 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.sub-free-wrap .flx-box .cont {
    margin-right: 0;
    width: calc(105 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.sub-free-wrap .flx-box .cont .rank-price-box {
    justify-content: flex-start;
  }
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.sub-free-wrap .flx-box .cont .rank-price-box .rank {
    display: none;
  }
}
.p-sub-ranking-box.sub-free-wrap .flx-box .cont .name {
  margin-bottom: calc(5 / 3.75 * 1vw);
}
.p-sub-ranking-box.sub-free-wrap .flx-box .cont .s-num {
  text-align: right;
  margin-bottom: calc(2 / 3.75 * 1vw);
}
@media not all and (min-width: 768px) {
  .p-sub-ranking-box.sub-free-wrap .flx-box .cont .s-num {
    text-align: left;
  }
}

@media not all and (min-width: 768px) {
  .p-current-detail-srch-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-current-detail-srch-box ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
@media not all and (min-width: 768px) {
  .p-current-detail-srch-box ul {
    row-gap: calc(10 / 3.75 * 1vw);
  }
}
.p-current-detail-srch-box ul li a {
  border: 1px solid #DDDDDD;
  display: inline-block;
  height: 28px;
  font-size: 13px;
  align-items: center;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  display: flex;
  margin-right: 10px;
  padding: 0 10px;
}

@media not all and (min-width: 768px) {
  .p-current-cate-srch-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-current-cate-srch-box ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 13px;
  row-gap: 10px;
}
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul {
    column-gap: 0;
    row-gap: calc(10 / 3.75 * 1vw);
  }
}
.p-current-cate-srch-box ul li {
  align-items: center;
  border: 1px solid #DDDDDD;
  background: url("/assets/img/common/cm_arr01.svg") center right 15px/6px auto no-repeat;
  display: flex;
  height: 50px;
  transition: .2s ease-out;
  width: 230px;
}
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul li {
    background: url("/assets/img/common/cm_arr01.svg") center right calc(16 / 3.75 * 1vw)/calc(6 / 3.75 * 1vw) auto no-repeat;
    height: calc(55 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-current-cate-srch-box ul li a {
  align-items: center;
  color: #707070;
  display: flex;
  font-size: 13px;
  font-weight: bold;
  height: 100%;
  padding: 0 40px 0 10px;
  transition: .2s ease-out;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul li a {
    font-size: calc(13 / 3.75 * 1vw);
    padding: 0 calc(15 / 3.75 * 1vw);
  }
}
.p-current-cate-srch-box ul li a img {
  margin-right: 10px;
  object-fit: contain;
  height: 40px;
  width: 35px;
}
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul li a img {
    margin-right: calc(10 / 3.75 * 1vw);
    height: calc(40 / 3.75 * 1vw);
    width: calc(35 / 3.75 * 1vw);
  }
}
.p-current-cate-srch-box ul li:hover {
  background: url("/assets/img/common/cm_arr01.svg") center right 11px/6px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul li:hover {
    background: url("/assets/img/common/cm_arr01.svg") center right calc(20 / 3.75 * 1vw)/calc(6 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-current-cate-srch-box ul li:hover a {
  color: #e8343d;
}
.p-current-cate-srch-box ul li.current {
  pointer-events: none;
  background: #EEEEEE url("/assets/img/common/cm_arr01.svg") center right 15px/6px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul li.current {
    background: #EEEEEE url("/assets/img/common/cm_arr01.svg") center right calc(20 / 3.75 * 1vw)/calc(6 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-current-cate-srch-box ul li.current:hover {
  background: #EEEEEE url("/assets/img/common/cm_arr01.svg") center right 11px/6px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul li.current:hover {
    background: #EEEEEE url("/assets/img/common/cm_arr01.svg") center right calc(16 / 3.75 * 1vw)/calc(6 / 3.75 * 1vw) auto no-repeat;
  }
}

/* 検索カテヘッダー
-------------------------------------------------------------------*/
.p-kw-res-box {
  margin: -30px 0;
}
@media not all and (min-width: 768px) {
  .p-kw-res-box {
    margin: calc(-30 / 3.75 * 1vw) 0;
  }
}
.p-kw-res-box h1 {
  font-weight: 700;
  font-size: 25px;
  line-height: 1.5;
  margin: 10px 0 30px;
}
@media not all and (min-width: 768px) {
  .p-kw-res-box h1 {
    font-size: calc(20 / 3.75 * 1vw);
    margin: calc(10 / 3.75 * 1vw) 0 calc(20 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-kw-res-box .fback-box p {
  color: #707070;
  display: none;
  text-align: center;
  background: #EEEEEE;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.625;
  padding: 16px 0;
}
@media not all and (min-width: 768px) {
  .p-kw-res-box .fback-box p {
    font-size: calc(14 / 3.75 * 1vw);
    padding: calc(16 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
  }
}
.p-kw-res-box .fback-box p .red {
  color: #e8343d;
}
.p-kw-res-box .fback-box p .ln-th {
  text-decoration: line-through;
}
.p-kw-res-box .fback-box p.non-bg {
  background: none;
  color: #333;
  font-size: 14px;
  text-align: left;
  margin-top: 1em;
}
@media not all and (min-width: 768px) {
  .p-kw-res-box .fback-box p.non-bg {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.p-kw-res-box .fback-box p.show {
  display: block;
}
.p-kw-res-box .sub-lead {
  color: #707070;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 20px;
}
@media not all and (min-width: 768px) {
  .p-kw-res-box .sub-lead {
    font-size: calc(13 / 3.75 * 1vw);
    margin-top: calc(20 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}

/* お困りですか？
-------------------------------------------------------------------*/
.p-support {
  background: #F9F9F9;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  margin: 0 auto;
  padding: 30px 50px 40px;
  width: 860px;
}
@media not all and (min-width: 768px) {
  .p-support {
    border-radius: 0;
    border: none;
    padding: calc(30 / 3.75 * 1vw) 0 calc(20 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-support h2 {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}
@media not all and (min-width: 768px) {
  .p-support h2 {
    font-size: calc(18 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.p-support .flx-box {
  display: flex;
  justify-content: space-between;
}
.p-support .flx-box .cont-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 234px;
}
@media not all and (min-width: 768px) {
  .p-support .flx-box .cont-box {
    border-right: 1px solid #E2E2E2;
    padding: 0 calc(10 / 3.75 * 1vw);
    width: calc(100% / 3);
  }
}
.p-support .flx-box .cont-box h3 {
  background: url("/assets/img/common/support_bg01.png") center bottom/208px auto no-repeat;
  padding-bottom: 20px;
  text-align: center;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-support .flx-box .cont-box h3 {
    background: url("/assets/img/common/support_bg01_sp.png") center bottom/100% auto no-repeat;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    padding-bottom: calc(20 / 3.75 * 1vw);
  }
}
.p-support .flx-box .cont-box figure {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  height: 120px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-support .flx-box .cont-box figure {
    height: calc(70 / 3.75 * 1vw);
  }
  .p-support .flx-box .cont-box figure img.img01 {
    width: calc(62 / 3.75 * 1vw);
  }
  .p-support .flx-box .cont-box figure img.img02 {
    width: calc(72 / 3.75 * 1vw);
  }
  .p-support .flx-box .cont-box figure img.img03 {
    width: calc(86 / 3.75 * 1vw);
  }
}
.p-support .flx-box .cont-box p {
  font-size: 15px;
  text-align: center;
  margin: 10px 0 20px;
}
@media not all and (min-width: 768px) {
  .p-support .flx-box .cont-box p {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
  }
}
.p-support .flx-box .cont-box a {
  align-items: center;
  background: #fff;
  border: 1px solid #DDDDDD;
  color: #e8343d;
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  height: 44px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-support .flx-box .cont-box a {
    background: #fff url("/assets/img/common/cm_arr01.svg") right calc(10 / 3.75 * 1vw) center/calc(6 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(18 / 3.75 * 1vw);
    height: calc(56 / 3.75 * 1vw);
    padding-right: calc(10 / 3.75 * 1vw);
    text-align: center;
  }
}

/* 商品検索結果一覧
-------------------------------------------------------------------*/
.p-search-item-block {
  position: relative;
  z-index: 1;
  /* タブスイッチ*/
  /* スイッチされるコンテンツの表示コントロール */
  /* ページャー（上下） */
}
.p-search-item-block .tab-switch-wrap {
  border-bottom: 1px solid #CCCCCC;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-switch-wrap {
    padding-top: calc(20 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-switch-wrap ul {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  height: 50px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-switch-wrap ul {
    height: calc(50 / 3.75 * 1vw);
    justify-content: space-between;
    padding: 0 calc(10 / 3.75 * 1vw);
    font-size: calc(15 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-switch-wrap ul li {
  background: #fff;
  position: relative;
  width: calc(50% - 3px);
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-switch-wrap ul li {
    margin-left: 0;
    width: 49.5%;
  }
}
.p-search-item-block .tab-switch-wrap ul li label {
  align-items: center;
  background: #EEEEEE;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 47px;
  justify-content: center;
  transition: .1s ease-out;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-switch-wrap ul li label {
    border-top-left-radius: calc(10 / 3.75 * 1vw);
    border-top-right-radius: calc(10 / 3.75 * 1vw);
    height: calc(47 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-search-item-block .tab-switch-wrap ul li label:hover {
  opacity: .7;
  cursor: pointer;
}
.p-search-item-block .tab-switch-wrap ul li.current {
  bottom: -1px;
}
.p-search-item-block .tab-switch-wrap ul li.current label {
  background: #fff;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 50px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-switch-wrap ul li.current label {
    height: calc(50 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-switch-wrap ul li.current label:hover {
  opacity: 1;
  cursor: inherit;
}
.p-search-item-block .tab-cont-wrap {
  /* ↑コンテンツ表示コントロール */
  /* 検索商品一覧--------------------------------------------------------------------------*/
  /* /検索商品一覧--------------------------------------------------------------------------*/
  /* 個別設定 */
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper {
  padding-top: 30px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper {
    padding: calc(20 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) 0;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .item-count {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .item-count {
    font-size: calc(15 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .item-count span {
  color: #E3333C;
  font-size: 25px;
  line-height: 1;
  padding: 0 .1em;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .item-count span {
    font-size: calc(25 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper h2 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper h2 {
    font-size: calc(18 / 3.75 * 1vw);
    line-height: calc(26 / 3.75 * 1vw);
    margin-top: calc(10 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 20px 0 30px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box {
    flex-wrap: wrap;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon {
  display: flex;
  column-gap: 5px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon {
    justify-content: space-between;
    column-gap: auto;
    width: 100%;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn {
  align-items: center;
  border: 1px solid #707070;
  border-radius: 11px;
  color: #707070;
  display: flex;
  justify-content: center;
  font-size: 13px;
  height: 22px;
  padding: 0 15px;
  transition: .2s ease-out;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn {
    background: #fff;
    border: none;
    border-radius: calc(12 / 3.75 * 1vw);
    font-size: calc(12 / 3.75 * 1vw);
    height: calc(24 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
    position: relative;
  }
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn::after {
    border-right: 1px dotted #858585;
    content: '';
    height: calc(24 / 3.75 * 1vw);
    position: absolute;
    top: 0;
    right: calc(-5 / 3.75 * 1vw);
    width: 0;
  }
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn:last-child::after {
    content: none;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn.current, .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn:hover {
  background: #707070;
  color: #fff;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn.current::after, .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn:hover::after {
    right: calc(-10 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn.current img, .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn:hover img {
  filter: brightness(20) invert(0);
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn img {
  margin-right: 3px;
  transition: .2s ease-out;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn img {
    display: none;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .odb-icon .odb-icn.current {
  pointer-events: none;
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct {
  align-items: center;
  display: flex;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct {
    justify-content: flex-end;
    width: 100%;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change {
  align-items: center;
  display: flex;
  margin: auto 0 0 0;
  height: 34px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change {
    height: calc(34 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change span {
  color: #858585;
  font-size: 13px;
  padding: 0 10px 0 15px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change span {
    display: none;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul {
  align-items: center;
  display: flex;
  padding-right: 10px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul {
    justify-content: flex-end;
    padding: 0 0 0 calc(5 / 3.75 * 1vw);
    border-left: 1px dotted #858585;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style {
  display: block;
  height: 24px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
  width: 24px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style {
    height: calc(24 / 3.75 * 1vw);
    margin-left: calc(5/ 3.75 * 1vw);
    width: calc(24 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style.tile {
  background: url("/assets/img/common/view_ic01.png") center center/24px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style.tile {
    background: url("/assets/img/common/view_ic01.png") center center/calc(24 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style.tile:hover {
  background: url("/assets/img/common/view_ic01h.png") center center/24px auto no-repeat;
  cursor: pointer;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style.tile:hover {
    background: url("/assets/img/common/view_ic01h.png") center center/calc(24 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style.list {
  background: url("/assets/img/common/view_ic02.png") center center/24px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style.list {
    background: url("/assets/img/common/view_ic02.png") center center/calc(24 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style.list:hover {
  background: url("/assets/img/common/view_ic02h.png") center center/24px auto no-repeat;
  cursor: pointer;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .js-switch-style.list:hover {
    background: url("/assets/img/common/view_ic02h.png") center center/calc(24 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .current .tile {
  background: url("/assets/img/common/view_ic01cr.png");
  pointer-events: none;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .current .tile {
    background: url("/assets/img/common/view_ic01cr.png") center center/calc(24 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .current .list {
  background: url("/assets/img/common/view_ic02cr.png") center center/24px auto no-repeat;
  pointer-events: none;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .view-change ul .current .list {
    background: url("/assets/img/common/view_ic02cr.png") center center/calc(24 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .count-change {
  align-items: center;
  display: flex;
  border-left: 1px dotted #858585;
  height: 34px;
  margin: auto 0 0 0;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .count-change {
    display: none;
  }
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .count-change span {
  color: #858585;
  font-size: 13px;
  padding: 0 5px 0 15px;
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .count-change a {
  color: #707070;
  font-size: 13px;
  margin-left: 15px;
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .count-change a.current {
  pointer-events: none;
  opacity: 1;
  text-decoration: underline;
  font-weight: 700;
}
.p-search-item-block .tab-cont-wrap .search-item-control-upper .icon-box .style-slct .count-change a:hover:not(.current) {
  color: #e8343d;
}
.p-search-item-block .tab-cont-wrap .search-item-control-lower {
  padding: 15px 0;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-control-lower {
    padding: calc(15 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0;
  /* 個別商品---- */
  /* リスト表示時の設定 */
  /* タイル表示時のOFF項目 */
  /* モーダル---------*/
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block {
    padding: calc(20 / 3.75 * 1vw) 0;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  padding: 10px 15px 20px;
  width: 25%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap {
    padding: calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(20 / 3.75 * 1vw);
    width: 50%;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap:nth-child(4n) {
  border-right: none;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap:nth-child(2n) {
    border-right: none;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .spl-icon {
  align-items: center;
  display: flex;
  height: 22px;
  margin-bottom: 6px;
  column-gap: 10px;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .spl-icon img {
  height: 12px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .spl-icon {
    height: calc(20/ 3.75 * 1vw);
    column-gap: 0;
  }
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .spl-icon img {
    margin-right: calc(10 / 3.75 * 1vw);
    height: calc(10 / 3.75 * 1vw);
    width: auto;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box {
  position: relative;
  border: .5px solid #EEEEEE;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .main-img {
  height: 238px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .main-img {
    height: calc(190/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .main-img img {
  object-fit: cover;
  height: 234px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .main-img img {
    height: calc(187/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .spec-box {
  display: flex;
  flex-wrap: wrap;
  bottom: 0;
  position: absolute;
  left: 0;
  padding-right: 40px;
  width: 100%;
  left: 5px;
  bottom: 2px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .spec-box {
    padding-right: calc(40/ 3.75 * 1vw);
    left: calc(5/ 3.75 * 1vw);
    bottom: calc(2/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .spec-box p {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  background: #8F989D;
  margin: 0 8px 2px 0;
  padding: 3px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .spec-box p {
    font-size: calc(11/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw {
  position: absolute;
  right: 2px;
  bottom: 2px;
  border-radius: 50%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw {
    display: none;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw::before, .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw::after {
  position: absolute;
  background: #333;
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: .3s ease;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw::before {
  font-size: 13px;
  font-weight: 500;
  content: "拡大表示";
  color: #fff;
  line-height: 1;
  bottom: 38px;
  right: -10px;
  padding: 2px 3px;
  white-space: nowrap;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw::after {
  content: "";
  height: 6px;
  transform: rotate(45deg);
  bottom: 35px;
  right: 15px;
  width: 6px;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw:hover::before, .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw:hover::after {
  opacity: 1;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw:hover {
  opacity: 1;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .img-box .js-item-flow-sw:hover img {
  opacity: 1;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .icn {
  align-items: center;
  display: flex;
  margin-top: 6px;
  height: 36px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .icn {
    margin-top: calc(16 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .icn img {
  height: 16px;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-img-wrap .icn img {
    height: calc(16/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 10px;
  height: auto;
  /* flex: 1; */
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap {
    margin-top: calc(10/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .fav-icon {
  position: absolute;
  right: 0;
  top: -46px;
  border-radius: 50%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .fav-icon {
    top: calc(-32/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .fav-icon::before {
  position: absolute;
  background: #333;
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: .3s ease;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .fav-icon:hover::before {
  opacity: 1;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .fav-icon:hover {
  opacity: 1;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .fav-icon:hover img {
  opacity: 1;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .fav-icon img {
  height: 37px;
  width: 37px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .fav-icon img {
    height: calc(27/ 3.75 * 1vw);
    width: calc(27/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .sub-lead {
  font-size: 11px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .sub-lead {
    font-size: calc(11/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .sub-lead.red {
  color: #e8343d;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .sub-lead.red.mb {
  margin-bottom: .5em;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap h3 {
  font-weight: 700;
  line-height: 18px;
  margin-top: 8px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap h3 {
    line-height: calc(18/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap h3:hover {
  color: #e8343d;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box {
  margin: 5px 0 0;
  display: flex;
  align-items: flex-end;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box {
    margin: calc(5/ 3.75 * 1vw) 0 0;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box ul {
  display: flex;
  justify-content: center;
  column-gap: 2px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box ul {
    column-gap: calc(2/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box ul li img {
  height: 12px;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box ul li img {
    height: calc(12/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box span {
  padding-top: 3px;
  font-size: 11px;
  line-height: 1;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box span {
    font-size: calc(11/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box span::before {
  content: '（';
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .star-box span::after {
  content: '）';
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .siri {
  display: flex;
  color: #999999;
  font-size: 12px;
  flex: 1;
  justify-content: flex-end;
  margin: 10px 0 auto;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .siri {
    margin: calc(10/ 3.75 * 1vw) 0 auto;
    font-size: calc(12/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .inc-print {
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  height: 12px;
  margin: 8px 0 4px;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 7px;
  font-size: 16px;
  font-weight: bold;
  flex-wrap: wrap;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price {
    margin-top: calc(7/ 3.75 * 1vw);
    font-size: calc(16/ 3.75 * 1vw);
    flex-wrap: wrap;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price .tax {
  font-size: 11px;
  font-weight: 500;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price .tax {
    font-size: calc(11/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price .pre-info {
  align-items: center;
  display: flex;
  font-size: 12px;
  margin-right: 10px;
  line-height: 16px;
  height: 16px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price .pre-info {
    font-size: calc(12/ 3.75 * 1vw);
    margin-right: calc(10/ 3.75 * 1vw);
    line-height: calc(16/ 3.75 * 1vw);
    height: calc(16/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price.sale {
  color: #e8343d;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price .inc-print-left {
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  padding: 4px 5px 0 0;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price .inc-print-left {
    font-size: calc(12/ 3.75 * 1vw);
    padding: calc(5/ 3.75 * 1vw) 0 calc(6/ 3.75 * 1vw);
    margin: 0;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price .price-block {
  display: flex;
  align-items: flex-end;
  margin-top: 7px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .price .price-block {
    margin-top: 0;
    padding-left: .5em;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .del-price {
  font-size: 11px;
  font-weight: 500;
  color: #1A1311;
  margin: 8px 0 4px;
  height: 11px;
  text-align: right;
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .after-info {
  color: #999999;
  font-size: 12px;
  height: 24px;
  text-align: right;
  line-height: 24px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .after-info {
    font-size: calc(12/ 3.75 * 1vw);
    height: calc(24/ 3.75 * 1vw);
    line-height: calc(24/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .print-icn img {
  margin-right: 10px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block .item-detail-wrap .item-spec-wrap .print-icn img {
    margin-right: calc(10/ 3.75 * 1vw);
    height: calc(20/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list {
  display: flex;
  flex-direction: column;
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border: none;
  border-top: 1px solid #DDDDDD;
  padding: 10px 15px 20px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap {
    display: grid;
    grid-template-columns: calc(150/ 3.75 * 1vw) 1fr;
    grid-template-rows: auto;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap:last-child {
  border-bottom: 1px solid #DDDDDD;
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .spl-icon {
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .spl-icon {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-img-wrap {
  margin-right: 20px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-img-wrap {
    margin-right: 0;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-img-wrap .icn {
  height: auto;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-img-wrap .main-img {
    height: calc(170 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-img-wrap .main-img img {
    height: calc(170 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex-wrap: wrap;
  /*align-items: center; */
  flex: none;
  width: 440px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap {
    grid-row: 2 / 5;
    grid-column: 2 / 3;
    margin-top: 0;
    margin-left: calc(10/ 3.75 * 1vw);
    width: 100%;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .list-dsp-none {
  display: none;
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .fav-icon {
  top: 0;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .fav-icon {
    height: auto;
    width: calc(36/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .fav-icon img {
  height: 37px;
  width: 37px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .fav-icon img {
    height: calc(27/ 3.75 * 1vw);
    width: calc(27/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .sub-lead {
  order: 1;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .sub-lead {
    width: calc(160/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap h3 {
  margin-bottom: 5px;
  order: 2;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap h3 {
    width: calc(160/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .star-box {
  order: 3;
  width: 100%;
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .inc-print {
  order: 4;
  text-align: left;
  margin: 0 10px 0 0;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .inc-print {
    order: 5;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .siri {
  flex: none;
  justify-content: flex-start;
  margin: 5px 0;
  order: 8;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .siri {
    order: 4;
    margin: calc(14 / 3.75 * 1vw) 0 calc(10 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .price {
  justify-content: flex-start;
  order: 5;
  margin: 0 10px 0 0;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .price {
    order: 6;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .price .inc-print-left {
  text-align: left;
  margin: 2px 0 1px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .price .inc-print-left {
    margin: calc(1 / 3.75 * 1vw) 0 calc(8 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .price .price-block {
    padding-left: 0;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .del-price {
  order: 6;
  text-align: left;
  padding-top: 5px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .del-price {
    order: 7;
    padding-top: 0;
  }
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .del-price.list-space-sp {
    padding-left: calc(36 / 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .after-info {
  text-align: left;
  min-height: 0;
  height: auto;
  order: 7;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .after-info {
    order: 8;
    margin: calc(10 / 3.75 * 1vw) 0 0;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .sub-info {
  color: #333;
  display: block;
  order: 8;
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
  line-height: 18px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 20px 0 10px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .sub-info {
    font-size: calc(13/ 3.75 * 1vw);
    line-height: calc(18/ 3.75 * 1vw);
    -webkit-line-clamp: 5;
    margin: calc(15 / 3.75 * 1vw) 0 calc(10/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .print-icn {
  order: 11;
  width: 100%;
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .desc-box {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px;
  order: 9;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .desc-box {
    margin-bottom: calc(15/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .desc-box li a {
  font-size: 13px;
  color: #28A3CD;
  text-decoration: underline;
  margin-right: 5px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .item-spec-wrap .desc-box li a {
    font-size: calc(13/ 3.75 * 1vw);
    margin-right: calc(5/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box {
  background: #F9F9F9;
  border: 2px solid #DDDDDD;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 180px;
  padding: 20px 15px;
  margin-left: 17px;
  width: 240px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box {
    height: auto;
    padding: calc(15/ 3.75 * 1vw) calc(10/ 3.75 * 1vw);
    margin: calc(20/ 3.75 * 1vw) 0 0;
    width: auto;
    grid-row: 3 / 4;
    grid-column: 1 / 2;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box p {
  color: #333;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box p {
    font-size: calc(15/ 3.75 * 1vw);
    margin-bottom: calc(10/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box p.stock {
  background: url("/assets/img/common/icn_stock.png") left center/contain no-repeat;
  line-height: 19px;
  padding-left: 28px;
  margin-top: 20px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box p.stock {
    background: url("/assets/img/common/icn_stock.png") left center/calc(20/ 3.75 * 1vw) auto no-repeat;
    font-size: calc(13/ 3.75 * 1vw);
    line-height: 1.5;
    padding-left: calc(28/ 3.75 * 1vw);
    margin-top: calc(5/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box p.stock a {
  color: #28A3CD;
  text-decoration: underline;
  padding: 0 3px;
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box p.stock a:hover {
  text-decoration: none;
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box p.stock.non {
  font-size: 13px;
  font-weight: 500;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box p.stock.non {
    font-size: calc(12/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box dl {
  color: #333333;
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box dl {
    flex-direction: column;
    margin-bottom: calc(10/ 3.75 * 1vw);
    padding-bottom: calc(5/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box dl dt {
  font-size: 12px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box dl dt {
    font-size: calc(12/ 3.75 * 1vw);
    margin-bottom: calc(8/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box dl dd {
  font-size: 13px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box dl dd {
    font-size: calc(12/ 3.75 * 1vw);
    text-align: right;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box dl dd span {
  font-size: 15px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .deli-info-box dl dd span {
    font-size: calc(14/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .key-list {
  display: flex;
  margin: 10px 0 0 230px;
  column-gap: .5em;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.list .item-detail-wrap .key-list {
    margin: calc(10/ 3.75 * 1vw);
    width: 100%;
    flex-wrap: wrap;
    grid-row: 4 / 5;
    grid-column: 1 / 3;
    line-height: 1.5;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .sub-info, .p-search-item-block .tab-cont-wrap .item-view-block .deli-info-box, .p-search-item-block .tab-cont-wrap .item-view-block .key-list, .p-search-item-block .tab-cont-wrap .item-view-block .link, .p-search-item-block .tab-cont-wrap .item-view-block .desc-box {
  display: none;
  font-size: 12px;
  color: #999999;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap {
  display: none;
  animation: fadeOut 0.2s ease-in 0s forwards;
  position: fixed;
  top: calc(50% - 250px);
  left: calc(50% - 450px);
  border: 1px solid #707070;
  z-index: 999905;
  height: 500px;
  padding: 30px;
  width: 900px;
  background: #FFFFFF;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap .inner {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap .inner .img-wrap {
  height: auto;
  width: 385px;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap .inner .img-wrap img {
  object-fit: cover;
  height: auto;
  width: 100%;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap .inner .thmb-wrap {
  margin-left: 30px;
  width: 415px;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap .inner .thmb-wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 5px;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap .inner .thmb-wrap ul li {
  border: 1px solid #EEEEEE;
  width: 55px;
  height: 62px;
  position: relative;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap .inner .thmb-wrap ul li:hover {
  cursor: pointer;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap .inner .thmb-wrap ul li.current::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid #E6393D;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap.on {
  animation: fadeIn 0.2s ease-in 0s forwards;
  display: block;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap.on .js-item-close-btn {
  background: #333;
  height: 50px;
  width: 50px;
  transition: .15s ease;
  position: absolute;
  right: -50px;
  top: -1px;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap.on .js-item-close-btn:hover {
  cursor: pointer;
  background-color: #e8343d;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap.on .js-item-close-btn .close-img {
  background: url("/assets/img/common/cm-modal-close.png") center center/32px auto no-repeat;
  display: block;
  transition: .15s ease;
  height: 100%;
  width: 100%;
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap.on .js-item-close-btn:hover .close-img {
  transform: rotate(-90deg);
}
.p-search-item-block .tab-cont-wrap .item-view-block .flow-img-wrap.on + .body-mask.js-item {
  background: rgba(0, 0, 0, 0.6);
  display: block;
}
.p-search-item-block .tab-cont-wrap .item-view-block.gallery .label {
  border: 1px solid #707070;
  border-radius: 4px;
  color: #8E8E8F;
  display: inline-block;
  font-size: 12px;
  letter-spacing: -.05em;
  padding: 3px;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.gallery .label {
    border-radius: calc(4/ 3.75 * 1vw);
    font-size: calc(12/ 3.75 * 1vw);
    padding: calc(3/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.gallery .item-spec-wrap {
  display: block;
}
.p-search-item-block .tab-cont-wrap .item-view-block.gallery .item-spec-wrap .siri {
  margin: 10px 0;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.gallery .item-spec-wrap .siri {
    margin: calc(10 / 3.75 * 1vw) 0;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block.gallery.list .item-detail-wrap {
  justify-content: flex-start;
}
.p-search-item-block .tab-cont-wrap .item-view-block.gallery.list .item-spec-wrap {
  display: block;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .item-view-block.gallery .item-img-wrap img {
    max-width: none;
    width: 100%;
  }
}
.p-search-item-block .tab-cont-wrap .item-view-block .body-mask.js-item {
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999903;
}
.p-search-item-block .tab-cont-wrap .search-item-selected-wrap {
  display: none;
  opacity: 0;
}
.p-search-item-block .tab-cont-wrap .search-item-selected-wrap.show {
  display: block;
  animation: fadeIn 0.3s ease-in 0s forwards;
}
.p-search-item-block .tab-cont-wrap .search-item-selected-wrap.desi .odb-icon {
  justify-content: flex-start;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .tab-cont-wrap .search-item-selected-wrap.desi .odb-icon a:last-child {
    margin-left: calc(15/ 3.75 * 1vw);
  }
}
.p-search-item-block .tab-cont-wrap input {
  display: none;
}
.p-search-item-block .pager-box {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .pager-box {
    column-gap: calc(7 / 3.75 * 1vw);
    justify-content: space-between;
  }
}
.p-search-item-block .pager-box a {
  align-items: center;
  border: 1px solid #e3e3e3;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  justify-content: center;
  height: 36px;
  transition: .15s ease-out;
  width: 36px;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .pager-box a {
    font-size: calc(13 / 3.75 * 1vw);
    height: calc(34 / 3.75 * 1vw);
    width: calc(34 / 3.75 * 1vw);
  }
}
.p-search-item-block .pager-box a.current {
  background: #333;
  border: #333;
  color: #fff;
  pointer-events: none;
}
.p-search-item-block .pager-box a.non-link {
  pointer-events: none;
  border: none;
}
.p-search-item-block .pager-box a.prev {
  border: none;
  background: url("/assets/img/common/sl_next.png") left 13px center/10px auto no-repeat;
  transform: rotate(180deg);
  opacity: .5;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .pager-box a.prev {
    border: none;
    background: url("/assets/img/common/sl_next.png") right calc(10 / 3.75 * 1vw) center/calc(10 / 3.75 * 1vw) auto no-repeat;
    flex: 1;
    margin-right: calc(5 / 3.75 * 1vw);
    width: 25%;
  }
}
.p-search-item-block .pager-box a.next {
  border: none;
  background: url("/assets/img/common/sl_next.png") left 13px center/10px auto no-repeat;
  opacity: .5;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .pager-box a.next {
    border: none;
    background: url("/assets/img/common/sl_next.png") right calc(10 / 3.75 * 1vw) center/calc(10 / 3.75 * 1vw) auto no-repeat;
    flex: 1;
    margin-left: calc(5 / 3.75 * 1vw);
    width: 25%;
  }
}
.p-search-item-block .pager-box a.hide {
  display: none;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .pager-box a.hide {
    display: flex;
    pointer-events: none;
    visibility: hidden;
  }
}
.p-search-item-block .pager-box a:hover {
  color: #e8343d;
}
.p-search-item-block .pager-box a:hover.prev {
  background: url("/assets/img/common/sl_next.png") left 20px center/10px auto no-repeat;
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .pager-box a:hover.prev {
    background: url("/assets/img/common/sl_next.png") left calc(10 / 3.75 * 1vw) center/calc(10 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-search-item-block .pager-box a:hover.next {
  background: url("/assets/img/common/sl_next.png") left 20px center/10px auto no-repeat;
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .p-search-item-block .pager-box a:hover.next {
    background: url("/assets/img/common/sl_next.png") left calc(10 / 3.75 * 1vw) center/calc(10 / 3.75 * 1vw) auto no-repeat;
  }
}

/* 関連ワード
-------------------------------------------------------------------*/
.p-rele-word {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 20px 20px 10px 5px;
  margin: 20px 0 10px;
  display: flex;
  align-items: flex-start;
}
@media not all and (min-width: 768px) {
  .p-rele-word {
    flex-wrap: wrap;
    border-bottom: none;
    margin: calc(20 / 3.75 * 1vw) 0 calc(10 / 3.75 * 1vw);
    padding: calc(15 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) 0;
    width: 100%;
  }
}
.p-rele-word .title {
  background: url("/assets/img/common/icn_zoom02.png") left center/20px auto no-repeat;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 5px;
  padding-left: 30px;
  padding-right: 20px;
  min-width: 120px;
}
@media not all and (min-width: 768px) {
  .p-rele-word .title {
    background: none;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    padding: 0 0 calc(10 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-rele-word .res-box {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.p-rele-word .res-box ul {
  display: flex;
  flex-wrap: wrap;
}
.p-rele-word .res-box ul li {
  display: inline-block;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  color: #333;
  font-size: 13px;
  line-height: 25px;
  height: 28px;
  padding: 0 10px;
  margin: 0 10px 10px 0;
}
@media not all and (min-width: 768px) {
  .p-rele-word .res-box ul li {
    border-radius: calc(4 / 3.75 * 1vw);
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    height: calc(20 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
    margin: 0 calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) 0;
  }
}
.p-rele-word .res-box ul li:nth-child(n + 4) {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-rele-word .res-box ul li:hover {
    cursor: pointer;
    color: #e8343d;
  }
}
.p-rele-word .res-box ul li.btn-more {
  align-items: center;
  border: none;
  display: inline-block;
  margin-left: 10px;
  padding: 0;
}
@media not all and (min-width: 768px) {
  .p-rele-word .res-box ul li.btn-more {
    margin-left: calc(10 / 3.75 * 1vw);
    font-weight: bold;
  }
}
.p-rele-word .res-box ul li.btn-more span {
  font-size: 13px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-rele-word .res-box ul li.btn-more span {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.p-rele-word .res-box ul li.btn-more .close {
  display: none;
}
.p-rele-word .res-box ul li.btn-more .open {
  display: inline-block;
}
.p-rele-word .res-box ul.view li {
  display: inline-block;
}
.p-rele-word .res-box ul.view li .close {
  display: inline-block;
}
.p-rele-word .res-box ul.view li .open {
  display: none;
}

/* 納品までの流れ
-------------------------------------------------------------------*/
.p-schedule-flow-box .outer-wrap {
  background: #222222;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 0 10px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap {
    border-radius: 0;
    padding: 0 0 calc(10 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap h2 {
  align-items: center;
  background: url("/assets/img/common/schedule/icn_schedule_h2.png") left 24px center/30px auto no-repeat;
  color: #fff;
  display: flex;
  font-size: 22px;
  font-weight: bold;
  height: 60px;
  padding-left: 60px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap h2 {
    background: url("/assets/img/common/schedule/icn_schedule_h2.png") left calc(20 / 3.75 * 1vw) center/calc(30 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(22 / 3.75 * 1vw);
    height: calc(60 / 3.75 * 1vw);
    padding-left: calc(60 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px 0 30px;
  row-gap: 25px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner {
    row-gap: calc(15 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .sub-lead {
  background: url("/assets/img/common/ic_ex.png") left 16px center/contain no-repeat;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding-left: 43px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .sub-lead {
    background: url("/assets/img/common/ic_ex.png") left calc(20 / 3.75 * 1vw) top/calc(22 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(22 / 3.75 * 1vw);
    padding: 0 calc(20 / 3.75 * 1vw) 0 calc(50 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box {
    margin-top: calc(-15 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap {
  border-bottom: 1px solid #CCCCCC;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap {
    padding-top: calc(20 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul {
  align-items: flex-end;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  padding-left: 5px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul {
    justify-content: space-between;
    font-size: calc(15 / 3.75 * 1vw);
    height: calc(50 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li {
  background: #fff;
  margin-left: 5px;
  position: relative;
  z-index: 1;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li {
    margin-left: 0;
    width: 49.5%;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li label {
  align-items: center;
  background: #EEEEEE;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 47px;
  justify-content: center;
  transition: .15s ease;
  width: 272px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li label {
    border-top-left-radius: calc(10 / 3.75 * 1vw);
    border-top-right-radius: calc(10 / 3.75 * 1vw);
    height: calc(47 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li label:hover {
  cursor: pointer;
  opacity: .7;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li.current {
  bottom: -1px;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li.current label {
  background: #fff;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 50px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li.current label {
    height: calc(50 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li.current label:hover {
  cursor: inherit;
  opacity: 1;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap {
  padding: 10px 5px 0;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap {
    padding: calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) 0;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box {
  display: flex;
  justify-content: space-between;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box {
    flex-direction: column;
    padding: 0;
    row-gap: calc(5 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box {
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  width: 225px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: calc(10 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step01 {
  background: #EEEEEE url("/assets/img/common/schedule/step1t.png") left 30px center/auto 26px no-repeat;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step02 {
  background: #EEEEEE url("/assets/img/common/schedule/step2t.png") left 30px center/auto 26px no-repeat;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step03 {
  background: #EEEEEE url("/assets/img/common/schedule/step3t.png") left 30px center/auto 26px no-repeat;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step04 {
  background: #EEEEEE url("/assets/img/common/schedule/step4t.png") left 30px center/auto 26px no-repeat;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.fnt-l span {
  font-size: 18px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 {
    border-bottom: 1px solid #DDDDDD;
    height: calc(40 / 3.75 * 1vw);
    padding-bottom: calc(10 / 3.75 * 1vw);
    width: 100%;
  }
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step01 {
    background: url("/assets/img/common/schedule/step1t.png") left top calc(3 / 3.75 * 1vw)/auto calc(22 / 3.75 * 1vw) no-repeat;
  }
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step02 {
    background: url("/assets/img/common/schedule/step2t.png") left top calc(3 / 3.75 * 1vw)/auto calc(22 / 3.75 * 1vw) no-repeat;
  }
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step03 {
    background: url("/assets/img/common/schedule/step3t.png") left top calc(3 / 3.75 * 1vw)/auto calc(22 / 3.75 * 1vw) no-repeat;
  }
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step04 {
    background: url("/assets/img/common/schedule/step4t.png") left top calc(3 / 3.75 * 1vw)/auto calc(22 / 3.75 * 1vw) no-repeat;
  }
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.fnt-l span {
    font-size: calc(17 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  flex: 1;
  height: 60px;
  line-height: 21px;
  padding-left: 95px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc {
    font-size: calc(17 / 3.75 * 1vw);
    height: calc(32 / 3.75 * 1vw);
    line-height: 1.5;
    padding-left: calc(60 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc::after {
  align-items: center;
  content: "▶";
  color: #e8343d;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc::after {
    content: "";
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc.non-arr::after {
  content: none;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .img-box {
  display: block;
  margin: 10px 0 15px;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .img-box {
    margin-right: calc(15 / 3.75 * 1vw);
    width: calc(91 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .img-box img {
  height: 106px;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .img-box img {
    height: auto;
    width: calc(91 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .txt-wrap {
    flex: 1;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .info {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin: 10px auto 0;
  width: 192px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .info {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(17 / 3.75 * 1vw);
    margin: calc(10 / 3.75 * 1vw) auto;
    padding: calc(10 / 3.75 * 1vw) 0 0;
    width: 100%;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 auto 10px;
  width: 192px;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul {
    display: flex;
    flex-direction: column;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    margin: calc(10 / 3.75 * 1vw) auto;
    width: 100%;
  }
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li {
    margin-right: calc(15 / 3.75 * 1vw);
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li {
  padding-left: 12px;
  position: relative;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li::before {
  content: "";
  background: #e8343d;
  display: block;
  height: 8px;
  width: 8px;
  margin: 0 2px 1px 0;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 0;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li::before {
    height: calc(8 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
    top: calc(5 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .small {
    font-size: calc(12 / 3.75 * 1vw);
    width: 100%;
  }
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .small span {
    color: #e8343d;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box.blank {
  border: none;
  background: url("/assets/img/common/schedule/icn_blank.png") center center/117px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box.blank {
    height: calc(168 / 3.75 * 1vw);
    background: url("/assets/img/common/schedule/icn_blank_sp.png") center center/calc(40 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap {
  display: none;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap input {
  display: none;
}
.p-schedule-flow-box .outer-wrap .inner .p-tab-box .tab-cont-wrap input:checked + .cont-wrap {
  display: block;
}
.p-schedule-flow-box .outer-wrap .notice {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-schedule-flow-box .outer-wrap .notice {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(24 / 3.75 * 1vw);
  }
}

/* 納品までのスケジュール
-------------------------------------------------------------------*/
.p-schedule-box .outer-wrap {
  background: #222222;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 0 10px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap {
    border-radius: 0;
    padding: 0 0 calc(10 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap h2 {
  align-items: center;
  background: url("/assets/img/common/schedule/icn_schedule_h2.png") left 24px center/30px auto no-repeat;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  height: 60px;
  padding-left: 60px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap h2 {
    background: url("/assets/img/common/schedule/icn_schedule_h2.png") left calc(20 / 3.75 * 1vw) center/calc(30 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(18 / 3.75 * 1vw);
    height: calc(60 / 3.75 * 1vw);
    padding-left: calc(60 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner {
  background: #fff;
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  padding: 20px 0 30px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner {
    row-gap: 0;
    padding: calc(15 / 3.75 * 1vw) 0 calc(28 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .sub-lead {
  background: url("/assets/img/common/ic_ex.png") left 16px center/contain no-repeat;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding-left: 43px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .sub-lead {
    background: url("/assets/img/common/ic_ex.png") left calc(20 / 3.75 * 1vw) top/calc(22 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(22 / 3.75 * 1vw);
    padding: 0 calc(20 / 3.75 * 1vw) 0 calc(50 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 0 16px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box {
    flex-direction: column;
    padding: 0;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
  row-gap: 20px;
  margin-right: 35px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap {
    row-gap: calc(15 / 3.75 * 1vw);
    margin: 0;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select {
  border-left: 8px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  row-gap: 16px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select {
    border: none;
    margin: calc(20 / 3.75 * 1vw) calc(22 / 3.75 * 1vw) 0;
    padding: 0;
    row-gap: calc(15 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select input {
  display: none;
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select input + label {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  padding-left: 30px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select input + label {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(18 / 3.75 * 1vw);
    padding-left: calc(24 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select input + label::before {
  border: 1px solid #DDDDDD;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) inset;
  content: '';
  display: inline-block;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  width: 18px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select input + label::before {
    height: calc(18 / 3.75 * 1vw);
    top: calc(-1 / 3.75 * 1vw);
    width: calc(18 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select input + label span {
  color: #e8343d;
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select input:checked + label::after {
  content: "";
  border-radius: 50%;
  background-color: #28A3CD;
  display: block;
  height: 9px;
  width: 9px;
  position: absolute;
  top: 6px;
  left: 6px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-select input:checked + label::after {
    height: calc(9 / 3.75 * 1vw);
    width: calc(9 / 3.75 * 1vw);
    top: calc(4 / 3.75 * 1vw);
    left: calc(6 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker h3 .deli, .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker p .deli {
  display: none;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker {
    background: #F6F6F6;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 100%;
  }
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker h3 {
    order: 2;
    padding: calc(15 / 3.75 * 1vw) calc(6 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box {
  position: relative;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box {
    order: 3;
    width: 100%;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box label {
  display: block;
  position: relative;
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box label::after {
  background: url("/assets/img/common/schedule/icn_cal.png") center center/30px auto no-repeat;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  right: 16px;
  transition: .2s ease;
  top: calc(50% - 12px);
  width: 30px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box label::after {
    height: calc(24 / 3.75 * 1vw);
    right: calc(26 / 3.75 * 1vw);
    top: calc(50% - 12px);
    width: calc(30 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box label:hover::after {
  cursor: pointer;
  opacity: .7;
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box input {
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS PGothic', 'ＭＳ Ｐゴシック', 'MS Gothic', 'Helvetica Neue', Arial, sans-serif;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  margin-left: 16px;
  padding: 10px 20px;
  width: 260px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box input {
    border-radius: 0;
    font-size: calc(14 / 3.75 * 1vw);
    height: calc(45 / 3.75 * 1vw);
    margin: 0 calc(10 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw) calc(20 / 3.75 * 1vw);
    width: calc(100% - calc(20 / 3.75 * 1vw));
  }
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box input:focus {
    border: 1px solid #e8343d;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box input:hover {
  cursor: pointer;
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box .day-alert {
  padding: 0 25px;
  position: absolute;
  top: -58px;
  left: -85px;
  background: #E8343D;
  position: absolute;
  border-radius: 3px;
  z-index: 1;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box .day-alert {
    top: calc(-58 / 3.75 * 1vw);
    left: calc(10 / 3.75 * 1vw);
    width: calc(100% - (20 / 3.75 * 1vw));
    padding: 0;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box .day-alert span {
  align-items: center;
  display: flex;
  white-space: nowrap;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 52px;
  position: relative;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box .day-alert span {
    height: calc(52 / 3.75 * 1vw);
    width: 100%;
    font-size: calc(13 / 3.75 * 1vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box .day-alert span::after {
  content: "";
  display: block;
  background: url("/assets/img/common/icn_arr_red02.png") center top/contain no-repeat;
  height: 13px;
  width: 26px;
  position: absolute;
  bottom: -12px;
  left: calc(50% - 13px);
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box .day-alert span::after {
    height: calc(13 / 3.75 * 1vw);
    width: calc(26 / 3.75 * 1vw);
    bottom: calc(-12 / 3.75 * 1vw);
    left: calc(50% - calc(13 / 3.75 * 1vw));
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .btn-box .day-alert.off {
  display: none;
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .info {
  align-items: center;
  background: #FFEEEF;
  color: #e8343d;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
  height: 100%;
  margin-left: 23px;
  position: relative;
  padding: 9px 16px 7px 15px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .info {
    border-bottom: 1px solid #F9D0D1;
    justify-content: center;
    font-size: calc(11 / 3.75 * 1vw);
    flex: 0;
    line-height: 1.5;
    height: calc(34 / 3.75 * 1vw);
    margin: 0;
    order: 1;
    padding: calc(9 / 3.75 * 1vw) 0;
    text-align: center;
    width: 100%;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .info::before {
  content: "";
  display: block;
  height: 30px;
  background: linear-gradient(to bottom right, transparent 50%, #FFEEEF 50.5%) no-repeat top right/100% 50%, linear-gradient(to top right, transparent 50%, #FFEEEF 50.5%) no-repeat bottom left/100% 50%;
  position: absolute;
  left: -14px;
  width: 15px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .d-select-wrap .d-picker .info::before {
    content: none;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .fast-odr {
  background: #F9F9F9;
  border: 2px solid #DDDDDD;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 19px;
  padding: 10px;
  width: 274px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .fast-odr {
    background: #F6F6F6;
    border: none;
    font-size: calc(12 / 3.75 * 1vw);
    font-weight: 500;
    line-height: calc(17 / 3.75 * 1vw);
    padding: calc(15 / 3.75 * 1vw) calc(12 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-schedule-box .outer-wrap .inner .day-select-box .fast-odr h4 {
  background: url("/assets/img/common/ic_ex.png") left center/contain no-repeat;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 5px;
  padding-left: 24px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .day-select-box .fast-odr h4 {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: 1;
    margin-bottom: calc(10 / 3.75 * 1vw);
    padding-left: calc(24 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box {
    margin-top: calc(-15 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap {
  border-bottom: 1px solid #CCCCCC;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap {
    background: #F6F6F6;
    padding-top: calc(20 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul {
  align-items: flex-end;
  display: flex;
  padding-left: 5px;
  height: 50px;
  font-size: 16px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul {
    justify-content: space-between;
    padding: 0 calc(10 / 3.75 * 1vw);
    font-size: calc(15 / 3.75 * 1vw);
    height: calc(50 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li {
  background: #fff;
  margin-left: 5px;
  position: relative;
  z-index: 1;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li {
    background: #F6F6F6;
    margin-left: 0;
    width: 49.5%;
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li label {
  align-items: center;
  background: #EEEEEE;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  height: 47px;
  justify-content: center;
  transition: .15s ease;
  width: 272px;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li label:hover {
  cursor: pointer;
  opacity: .7;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li label {
    background: #ddd;
    border-top-left-radius: calc(10 / 3.75 * 1vw);
    border-top-right-radius: calc(10 / 3.75 * 1vw);
    height: calc(47 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li.current {
  bottom: -1px;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li.current label {
  background: #fff;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 50px;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li.current label:hover {
  cursor: inherit;
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-switch-wrap ul li.current label {
    height: calc(50 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap {
  padding: 10px 5px 0;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap {
    padding: calc(19 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) 0;
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .txt {
  font-weight: 700;
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .txt {
    font-size: calc(12 / 3.75 * 1vw);
    margin-bottom: calc(19 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .txt span {
  font-size: 14px;
  color: #e8343d;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .txt span {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box {
  display: flex;
  justify-content: space-between;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box {
    flex-direction: column;
    row-gap: calc(10 / 3.75 * 1vw);
    padding: 0;
    width: 100%;
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box {
  background: #F9F9F9;
  border: 1px solid #DDDDDD;
  width: 225px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: calc(10 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step01 {
  background: #EEEEEE url("/assets/img/common/schedule/step1t.png") left 30px center/auto 26px no-repeat;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step02 {
  background: #EEEEEE url("/assets/img/common/schedule/step2t.png") left 30px center/auto 26px no-repeat;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step03 {
  background: #EEEEEE url("/assets/img/common/schedule/step3t.png") left 30px center/auto 26px no-repeat;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step04 {
  background: #EEEEEE url("/assets/img/common/schedule/step4t.png") left 30px center/auto 26px no-repeat;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.fnt-l span {
  font-size: 18px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 {
    flex: 1;
  }
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step01 {
    background: url("/assets/img/common/schedule/step1t.png") left center/auto calc(22 / 3.75 * 1vw) no-repeat;
  }
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step02 {
    background: url("/assets/img/common/schedule/step2t.png") left center/auto calc(22 / 3.75 * 1vw) no-repeat;
  }
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step03 {
    background: url("/assets/img/common/schedule/step3t.png") left center/auto calc(22 / 3.75 * 1vw) no-repeat;
  }
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.step04 {
    background: url("/assets/img/common/schedule/step4t.png") left center/auto calc(22 / 3.75 * 1vw) no-repeat;
  }
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3.fnt-l span {
    font-size: calc(16 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 60px;
  line-height: 21px;
  padding-left: 95px;
  flex: 1;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: 1.5;
    height: calc(32 / 3.75 * 1vw);
    padding-left: calc(55 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc::after {
  align-items: center;
  content: "▶";
  color: #e8343d;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc::after {
    content: "";
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box h3 span.txt-pc.non-arr::after {
  content: none;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .img-box {
  display: block;
  margin: 10px 0 15px;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .img-box {
    display: none;
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .img-box img {
  height: 106px;
  width: auto;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .date-box {
  align-items: center;
  background: #28A3CD;
  border: 2px solid #28A3CD;
  color: #28A3CD;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 28px;
  margin: 0 auto;
  width: 192px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .date-box {
    font-size: calc(13 / 3.75 * 1vw);
    height: calc(28 / 3.75 * 1vw);
    width: calc(192 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .date-box span {
  text-align: center;
  width: 50%;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .date-box span.day {
  color: #fff;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .date-box span.date {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .date-box.red {
  background: #e8343d;
  border: 2px solid #e8343d;
  color: #e8343d;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .info {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin: 10px auto 0;
  width: 192px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .info {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(17 / 3.75 * 1vw);
    margin: calc(10 / 3.75 * 1vw) auto 0;
    padding: calc(10 / 3.75 * 1vw) 0 0;
    border-top: 1px solid #DDDDDD;
    width: 100%;
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 auto 10px;
  width: 192px;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul {
    display: flex;
    flex-direction: column;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    margin: calc(10 / 3.75 * 1vw) auto;
    width: 100%;
  }
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li {
    margin-right: calc(15 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li {
  padding-left: 12px;
  position: relative;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li {
    padding-left: calc(12 / 3.75 * 1vw);
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li::before {
  content: "";
  background: #e8343d;
  display: block;
  height: 8px;
  width: 8px;
  margin: 0 2px 1px 0;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box ul li::before {
    height: calc(8 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
    top: calc(6 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .small {
    font-size: calc(12 / 3.75 * 1vw);
    margin-top: calc(12 / 3.75 * 1vw);
    width: 100%;
  }
  .p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box .small span {
    color: #e8343d;
  }
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap .flx-box .cont-box.blank {
  border: none;
  background: url("/assets/img/common/schedule/icn_blank.png") center center/117px auto no-repeat;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap .cont-wrap {
  display: none;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap input {
  display: none;
}
.p-schedule-box .outer-wrap .inner .p-tab-box .tab-cont-wrap input:checked + .cont-wrap {
  display: block;
}
.p-schedule-box .outer-wrap .notice {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-schedule-box .outer-wrap .notice {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(24 / 3.75 * 1vw);
    padding: calc(20 / 3.75 * 1vw) 0;
  }
}

/* Datepicker セッティング */
#ui-datepicker-div.ui-datepicker, #ui-datepicker-div02.ui-datepicker {
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  color: #4a4a4a;
  margin-top: 8px;
  margin-left: 11px;
  padding: 0;
  position: relative;
  width: 250px;
}
@media not all and (min-width: 768px) {
  #ui-datepicker-div.ui-datepicker, #ui-datepicker-div02.ui-datepicker {
    left: auto !important;
    margin-top: 0;
    right: calc(10 / 3.75 * 1vw);
  }
}
#ui-datepicker-div.ui-datepicker::before, #ui-datepicker-div02.ui-datepicker::before {
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  background: #fff;
  content: '';
  display: block;
  height: 16px;
  position: absolute;
  right: 20px;
  transform: rotate(315deg);
  top: -10px;
  width: 16px;
  z-index: -1;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header, #ui-datepicker-div02.ui-datepicker .ui-widget-header {
  align-items: center;
  border: none;
  border-bottom: 1px solid #efefef;
  background: #fff;
  color: #333;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  min-height: 32px;
  padding: 4px;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-datepicker-title, #ui-datepicker-div02.ui-datepicker .ui-widget-header .ui-datepicker-title {
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS PGothic', 'ＭＳ Ｐゴシック', 'MS Gothic', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header a, #ui-datepicker-div02.ui-datepicker .ui-widget-header a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  top: 0;
  width: 30px;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header a span, #ui-datepicker-div02.ui-datepicker .ui-widget-header a span {
  background: url("/assets/img/common/footer_icn_arr01.png") center center no-repeat;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header a.ui-datepicker-prev span, #ui-datepicker-div02.ui-datepicker .ui-widget-header a.ui-datepicker-prev span {
  transform: rotate(180deg);
}
#ui-datepicker-div.ui-datepicker .ui-widget-header a.ui-state-disabled, #ui-datepicker-div02.ui-datepicker .ui-widget-header a.ui-state-disabled {
  opacity: 0;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar {
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS PGothic', 'ＭＳ Ｐゴシック', 'MS Gothic', 'Helvetica Neue', Arial, sans-serif;
  margin: 8px;
  width: calc(100% - 16px);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead span, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar thead span {
  color: #b4b4b3;
  font-size: 11px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead .ui-datepicker-week-end:first-child span, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar thead .ui-datepicker-week-end:first-child span {
  color: #e8343d;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead .ui-datepicker-week-end:last-child span, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar thead .ui-datepicker-week-end:last-child span {
  color: #27a3cd;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody {
  border-top: #e5e5e5 solid 1px;
  border-left: #e5e5e5 solid 1px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody td {
  border-bottom: #e5e5e5 solid 1px;
  border-right: #e5e5e5 solid 1px;
  background: none;
  font-size: 14px;
  height: 32px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td a, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td span, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody td a, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody td span {
  align-items: center;
  border: none;
  background: none;
  display: flex;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  width: 100%;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active {
  background: #e8343d;
  color: #fff !important;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-highlight, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-highlight {
  background: #f0f0f0;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-week-end:first-child a, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-week-end:first-child a {
  color: #e8343d;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-week-end:last-child a, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-week-end:last-child a {
  color: #27a3cd;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td.day-holiday a, #ui-datepicker-div02.ui-datepicker .ui-datepicker-calendar tbody td.day-holiday a {
  color: #e8343d;
}

/* 予算でピタッと君
-------------------------------------------------------------------*/
.p-bnr-pita-box {
  display: flex;
  justify-content: center;
}
.p-bnr-pita-box img {
  width: 700px;
}
@media not all and (min-width: 768px) {
  .p-bnr-pita-box {
    padding: 0 calc(10 / 3.75 * 1vw);
    width: auto;
  }
}

/* オリジナルノベルティグッズ・記念品特集
-------------------------------------------------------------------*/
@media not all and (min-width: 768px) {
  .p-spl-ft-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-spl-ft-box h2 {
  justify-content: flex-start;
}
.p-spl-ft-box .flx-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px;
}
@media not all and (min-width: 768px) {
  .p-spl-ft-box .flx-box {
    row-gap: calc(10 / 3.75 * 1vw);
  }
  .p-spl-ft-box .flx-box li {
    width: 100%;
  }
  .p-spl-ft-box .flx-box li img {
    max-width: none;
    width: 100%;
  }
}
.p-spl-ft-box .p-link-box {
  padding: 50px 0 0;
}
@media not all and (min-width: 768px) {
  .p-spl-ft-box .p-link-box {
    padding: calc(20 / 3.75 * 1vw) 0 0;
  }
}
.p-spl-ft-box .p-link-box a {
  width: 492px;
}
@media not all and (min-width: 768px) {
  .p-spl-ft-box .p-link-box a {
    line-height: 1.5;
    height: calc(70 / 3.75 * 1vw);
    text-align: center;
    width: 100%;
  }
}

/* レビュー一覧
-------------------------------------------------------------------*/
@media not all and (min-width: 768px) {
  .p-review-box {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
  }
  .p-review-box h2.p-type01 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
}
.p-review-box .count-info {
  color: #707070;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.p-review-box .count-info span {
  font-size: 21px;
}
.p-review-box .review-slide {
  margin: 0 auto;
  width: 900px;
  opacity: 0;
}
.p-review-box .review-slide.slick-initialized {
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide {
    overflow: hidden;
    width: calc(100vw - calc(10 / 3.75 * 1vw));
  }
}
.p-review-box .review-slide .slide {
  background: #F9F9F9;
  display: flex;
  flex-direction: column;
  min-height: 390px;
  max-height: 390px;
  margin: 0 6px;
  padding: 10px 10px 40px;
  position: relative;
  overflow: hidden;
  transition: .5s ease;
  width: 290px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide {
    margin: 0 calc(7 / 3.75 * 1vw);
    min-height: calc(300 / 3.75 * 1vw);
    max-height: calc(300 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(40 / 3.75 * 1vw);
    width: calc(260 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .img-box {
  display: flex;
  justify-content: space-between;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .img-box {
    margin-bottom: calc(15 / 3.75 * 1vw);
  }
  .p-review-box .review-slide .slide .img-box:hover {
    transition: .1s ease;
  }
}
.p-review-box .review-slide .slide .img-box img {
  height: 91px;
  object-fit: cover;
  width: 80px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .img-box img {
    width: calc(80 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .img-box p {
  flex: 1;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  margin-left: 10px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .img-box p {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    margin-left: calc(10 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide h3 {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  margin: 14px 0 10px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide h3 {
    font-size: calc(15 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    margin: 0 0 calc(10 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .star {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .star {
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .star img {
  margin-right: 3px;
  width: 16px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .star img {
    width: calc(16 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .sender {
  align-items: center;
  color: #707070;
  column-gap: 10px;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 22px;
  margin-bottom: 12px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .sender {
    column-gap: calc(10 / 3.75 * 1vw);
    font-size: calc(12 / 3.75 * 1vw);
    height: calc(22 / 3.75 * 1vw);
    margin-bottom: calc(12 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .sender .icon {
  display: block;
  height: 22px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .sender .icon {
    height: calc(22 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .sender .date {
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  line-height: 18px;
  padding: 0 10px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .sender .date {
    line-height: calc(18 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .txt {
  font-size: 12px;
  line-height: 19px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .txt {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .res .icon {
  align-items: center;
  background: url("/assets/img/common/icn_review_res.png") left center/25px auto no-repeat;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  margin: 15px 0;
  padding-left: 40px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .res .icon {
    background: url("/assets/img/common/icn_review_res.png") left center/calc(25 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .res .icon img {
  margin-right: 15px;
  width: 21px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .res .icon img {
    margin-right: calc(15 / 3.75 * 1vw);
    width: calc(21 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .res .res-txt {
  font-size: 12px;
  line-height: 19px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .res .res-txt {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .more-read {
  align-items: flex-end;
  background: linear-gradient(to bottom, transparent 0%, #f9f9f9 100%);
  bottom: 0;
  display: flex;
  justify-content: center;
  height: 110px;
  left: 0;
  line-height: 1;
  padding-bottom: 20px;
  position: absolute;
  transition: .2s ease-out;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .more-read {
    font-size: calc(13 / 3.75 * 1vw);
    height: calc(110 / 3.75 * 1vw);
    padding-bottom: calc(20 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .more-read span {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  padding: 0 25px;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .more-read span {
    font-size: calc(13 / 3.75 * 1vw);
    padding: 0 calc(25 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide .slide .more-read span.open {
  background: url("/assets/img/common/icn_plus.svg") left center/11px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .more-read span.open {
    background: url("/assets/img/common/icn_plus.svg") left center/11px auto no-repeat;
  }
}
.p-review-box .review-slide .slide .more-read span.close {
  background: url("/assets/img/common/icn_minus.svg") left center/calc(11 / 3.75 * 1vw) auto no-repeat;
  display: none;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide .more-read span.close {
    background: url("/assets/img/common/icn_minus.svg") left center/calc(11 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-review-box .review-slide .slide .more-read:hover span {
  opacity: .7;
}
.p-review-box .review-slide .slide.open {
  max-height: 1000px;
}
.p-review-box .review-slide .slide.open .more-read {
  height: 40px;
}
.p-review-box .review-slide .slide.open .more-read .open {
  background: url("/assets/img/common/icn_plus.svg") left center/11px auto no-repeat;
  display: none;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide.open .more-read .open {
    background: url("/assets/img/common/icn_plus.svg") left center/calc(11 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-review-box .review-slide .slide.open .more-read .close {
  background: url("/assets/img/common/icn_minus.svg") left center/11px auto no-repeat;
  display: inline-block;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide .slide.open .more-read .close {
    background: url("/assets/img/common/icn_minus.svg") left center/calc(11 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-review-box .review-slide .review-arr {
  transition: .2s ease-out;
}
.p-review-box .review-slide .review-arr.prev, .p-review-box .review-slide .review-arr.next {
  background: url("/assets/img/common/cm_slide_arr.png") center center/30px auto no-repeat;
  display: block;
  height: 50px;
  position: absolute;
  top: 165px;
  width: 30px;
}
.p-review-box .review-slide .review-arr.prev {
  left: -30px;
}
.p-review-box .review-slide .review-arr.next {
  right: -30px;
  transform: rotate(180deg);
}
.p-review-box .review-slide .review-arr:hover {
  cursor: pointer;
  opacity: .7;
}
.p-review-box .review-slide-full-width {
  margin: 0 auto;
  width: 1137px;
  opacity: 0;
}
.p-review-box .review-slide-full-width.slick-initialized {
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width {
    overflow: hidden;
    width: calc(100vw - calc(10 / 3.75 * 1vw));
    opacity: 1;
  }
}
.p-review-box .review-slide-full-width .slide {
  background: #F9F9F9;
  display: flex;
  flex-direction: column;
  min-height: 370px;
  max-height: 370px;
  margin: 0 10px;
  padding: 10px 10px 40px;
  position: relative;
  overflow: hidden;
  transition: max-height .5s ease;
  width: 270px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide {
    margin: 0 calc(7 / 3.75 * 1vw);
    min-height: calc(300 / 3.75 * 1vw);
    max-height: calc(300 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(40 / 3.75 * 1vw);
    width: calc(260 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .img-box {
  display: flex;
  justify-content: space-between;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .img-box {
    margin-bottom: calc(15 / 3.75 * 1vw);
  }
  .p-review-box .review-slide-full-width .slide .img-box:hover {
    transition: .1s ease;
  }
}
.p-review-box .review-slide-full-width .slide .img-box img {
  height: 91px;
  object-fit: cover;
  width: 80px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .img-box img {
    width: calc(80 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .img-box p {
  flex: 1;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  margin-left: 10px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .img-box p {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    margin-left: calc(10 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide h3 {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  margin: 14px 0 10px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide h3 {
    font-size: calc(15 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    margin: 0 0 calc(10 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .star {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .star {
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .star img {
  margin-right: 3px;
  width: 16px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .star img {
    width: calc(16 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .sender {
  align-items: center;
  color: #707070;
  column-gap: 10px;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 22px;
  margin-bottom: 12px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .sender {
    column-gap: calc(10 / 3.75 * 1vw);
    font-size: calc(12 / 3.75 * 1vw);
    height: calc(22 / 3.75 * 1vw);
    margin-bottom: calc(12 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .sender .icon {
  display: block;
  height: 22px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .sender .icon {
    height: calc(22 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .sender .date {
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  line-height: 18px;
  padding: 0 10px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .sender .date {
    line-height: calc(18 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .txt {
  font-size: 12px;
  line-height: 19px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .txt {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .res .icon {
  align-items: center;
  background: url("/assets/img/common/icn_review_res.png") left center/25px auto no-repeat;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  margin: 15px 0;
  padding-left: 40px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .res .icon {
    background: url("/assets/img/common/icn_review_res.png") left center/calc(25 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .res .icon img {
  margin-right: 15px;
  width: 21px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .res .icon img {
    margin-right: calc(15 / 3.75 * 1vw);
    width: calc(21 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .res .res-txt {
  font-size: 12px;
  line-height: 19px;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .res .res-txt {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .more-read {
  align-items: flex-end;
  background: linear-gradient(to bottom, transparent 0%, #f9f9f9 100%);
  bottom: 0;
  display: flex;
  justify-content: center;
  height: 110px;
  left: 0;
  line-height: 1;
  padding-bottom: 20px;
  position: absolute;
  /*transition: .2s ease-out;*/
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .more-read {
    font-size: calc(13 / 3.75 * 1vw);
    height: calc(110 / 3.75 * 1vw);
    padding-bottom: calc(20 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .more-read span {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  padding: 0 25px;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .more-read span {
    font-size: calc(13 / 3.75 * 1vw);
    padding: 0 calc(25 / 3.75 * 1vw);
  }
}
.p-review-box .review-slide-full-width .slide .more-read span.open {
  background: url("/assets/img/common/icn_plus.svg") left center/11px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .more-read span.open {
    background: url("/assets/img/common/icn_plus.svg") left center/11px auto no-repeat;
  }
}
.p-review-box .review-slide-full-width .slide .more-read span.close {
  background: url("/assets/img/common/icn_minus.svg") left center/calc(11 / 3.75 * 1vw) auto no-repeat;
  display: none;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide .more-read span.close {
    background: url("/assets/img/common/icn_minus.svg") left center/calc(11 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-review-box .review-slide-full-width .slide .more-read:hover span {
  opacity: .7;
}
.p-review-box .review-slide-full-width .slide.open {
  max-height: 1000px;
}
.p-review-box .review-slide-full-width .slide.open .more-read {
  height: 40px;
}
.p-review-box .review-slide-full-width .slide.open .more-read .open {
  background: url("/assets/img/common/icn_plus.svg") left center/11px auto no-repeat;
  display: none;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide.open .more-read .open {
    background: url("/assets/img/common/icn_plus.svg") left center/calc(11 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-review-box .review-slide-full-width .slide.open .more-read .close {
  background: url("/assets/img/common/icn_minus.svg") left center/11px auto no-repeat;
  display: inline-block;
}
@media not all and (min-width: 768px) {
  .p-review-box .review-slide-full-width .slide.open .more-read .close {
    background: url("/assets/img/common/icn_minus.svg") left center/calc(11 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-review-box .review-slide-full-width .review-arr {
  transition: .2s ease-out;
}
.p-review-box .review-slide-full-width .review-arr.prev, .p-review-box .review-slide-full-width .review-arr.next {
  background: url("/assets/img/common/cm_slide_arr.png") center center/30px auto no-repeat;
  display: block;
  height: 50px;
  position: absolute;
  top: 165px;
  width: 30px;
}
.p-review-box .review-slide-full-width .review-arr.prev {
  left: -30px;
}
.p-review-box .review-slide-full-width .review-arr.next {
  right: -30px;
  transform: rotate(180deg);
}
.p-review-box .review-slide-full-width .review-arr:hover {
  cursor: pointer;
  opacity: .7;
}
.p-review-box .slick-slide:not([tabindex="0"]) {
  opacity: 1;
}
.p-review-box .p-link-box {
  padding: 30px 0 0;
}
@media not all and (min-width: 768px) {
  .p-review-box .p-link-box {
    padding: calc(20 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) 0 0;
  }
}
.p-review-box .p-link-box a {
  width: 492px;
}
@media not all and (min-width: 768px) {
  .p-review-box .p-link-box a {
    width: 100%;
  }
}
.p-review-box .to-comment-box {
  margin: 25px 0 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 30px;
  font-size: 15px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-review-box .to-comment-box {
    flex-direction: column;
    justify-content: center;
    margin: calc(25 / 3.75 * 1vw) 0 calc(35 / 3.75 * 1vw);
    padding-right: 0;
    font-size: calc(15 / 3.75 * 1vw);
    row-gap: calc(15 / 3.75 * 1vw);
  }
}
.p-review-box .to-comment-box a {
  align-items: center;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  color: #E6393D;
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  height: 46px;
  margin: 0 0 0 20px;
  padding: 0 15px;
  transition: .2s ease-out;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-review-box .to-comment-box a {
    border-radius: calc(5 / 3.75 * 1vw);
    font-size: calc(15 / 3.75 * 1vw);
    height: calc(46 / 3.75 * 1vw);
    margin: 0;
  }
}
.p-review-box .to-comment-box a:hover {
  background: #fff5f5;
  border: 1px solid #f9ccbf;
}
.p-review-box .hyouka-box {
  align-items: center;
  display: flex;
  padding-left: 20px;
}
@media not all and (min-width: 768px) {
  .p-review-box .hyouka-box {
    flex-wrap: wrap;
    padding-left: calc(36 / 3.75 * 1vw);
  }
}
.p-review-box .hyouka-box ul {
  display: flex;
  column-gap: 8px;
  margin: 0 25px 0 35px;
}
@media not all and (min-width: 768px) {
  .p-review-box .hyouka-box ul {
    column-gap: calc(8 / 3.75 * 1vw);
    margin: 0 0 0 calc(25 / 3.75 * 1vw);
  }
}
.p-review-box .hyouka-box ul li img {
  height: auto;
  width: 31px;
}
.p-review-box .hyouka-box .star {
  font-size: 40px;
  color: #707070;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-review-box .hyouka-box .star {
    font-size: calc(40 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-review-box .hyouka-box .sub-txt {
    font-size: calc(14 / 3.75 * 1vw);
    margin: calc(20 / 3.75 * 1vw) 0;
    width: 100%;
  }
}

/* デザイン事例(下層・固定)
-------------------------------------------------------------------*/
@media not all and (min-width: 768px) {
  .p-gallery-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-gallery-box .flx-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  padding: 0 15px;
  row-gap: 24px;
}
@media not all and (min-width: 768px) {
  .p-gallery-box .flx-box {
    padding: 0;
    justify-content: space-between;
    column-gap: 0;
  }
}
.p-gallery-box .flx-box li {
  height: auto;
  width: 210px;
}
@media not all and (min-width: 768px) {
  .p-gallery-box .flx-box li {
    margin: 0;
    width: calc(172 / 3.75 * 1vw);
  }
}
.p-gallery-box .flx-box li img {
  border: 1px solid #EEEEEE;
  border-radius: 7px;
  height: 210px;
  overflow: hidden;
  object-fit: cover;
  width: 210px;
}
@media not all and (min-width: 768px) {
  .p-gallery-box .flx-box li img {
    border-radius: calc(7 / 3.75 * 1vw);
    height: calc(172 / 3.75 * 1vw);
    width: calc(172 / 3.75 * 1vw);
  }
}
.p-gallery-box .flx-box li p {
  border: 1px solid #AAAAAA;
  border-radius: 2px;
  color: #AAAAAA;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  margin-top: 5px;
  letter-spacing: -.05em;
  padding: 0 3px;
  font-weight: bold;
}
@media not all and (min-width: 768px) {
  .p-gallery-box .flx-box li p {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.p-gallery-box .flx-box li p.txt-only {
  line-height: 1.4;
  font-weight: bold;
  padding-top: 5px;
  text-align: left;
  font-size: 13px;
  border: none;
  color: #333;
}
.p-gallery-box .p-link-box {
  margin-top: 70px;
}
@media not all and (min-width: 768px) {
  .p-gallery-box .p-link-box {
    margin-top: calc(25 / 3.75 * 1vw);
    padding: 0;
  }
}

/* 最近見た商品
-------------------------------------------------------------------*/
@media not all and (min-width: 768px) {
  .p-later-box {
    padding: 0 0 0 calc(10 / 3.75 * 1vw);
  }
  .p-later-box h2.p-type01 {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
}
.p-later-box.mt-20 {
  margin-top: -20px;
}
@media not all and (min-width: 768px) {
  .p-later-box.mt-20 {
    margin-top: 0;
  }
}
.p-later-box.mt40 {
  margin-top: 40px;
}
@media not all and (min-width: 768px) {
  .p-later-box.mt40 {
    margin-top: calc(40 / 3.75 * 1vw);
  }
}
.p-later-box.mt20 {
  margin-top: 20px;
}
@media not all and (min-width: 768px) {
  .p-later-box.mt20 {
    margin-top: calc(20 / 3.75 * 1vw);
  }
}
.p-later-box .later-slide {
  margin: 0 auto;
  width: 900px;
  opacity: 0;
}
.p-later-box .later-slide.slick-initialized {
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .p-later-box .later-slide {
    display: flex;
    overflow-y: scroll;
    padding-bottom: calc(20 / 3.75 * 1vw);
    width: calc(100vw - calc(10 / 3.75 * 1vw));
    -ms-overflow-style: none;
    scrollbar-width: none;
    opacity: 1;
  }
  .p-later-box .later-slide::-webkit-scrollbar {
    display: none;
  }
}
.p-later-box .later-slide .slide {
  margin: 0 7px;
  height: 130px;
  width: calc(900px / 7);
}
@media not all and (min-width: 768px) {
  .p-later-box .later-slide .slide {
    height: auto;
    margin: 0 calc(13 / 3.75 * 1vw) 0 0;
    width: calc(93 / 3.75 * 1vw);
  }
}
.p-later-box .later-slide .slide a {
  height: 130px;
  width: 115px;
}
@media not all and (min-width: 768px) {
  .p-later-box .later-slide .slide a {
    display: block;
    height: auto;
    margin: 0 calc(13 / 3.75 * 1vw) 0 0;
    width: calc(93 / 3.75 * 1vw);
  }
}
.p-later-box .later-slide .slide a img {
  border: 1px solid #EEEEEE;
  height: 130px;
  overflow: hidden;
  object-fit: cover;
  width: 115px;
}
@media not all and (min-width: 768px) {
  .p-later-box .later-slide .slide a img {
    height: calc(105 / 3.75 * 1vw);
    width: calc(136 / 3.75 * 1vw);
  }
}
.p-later-box .later-slide .later-arr {
  transition: .2s ease-out;
}
.p-later-box .later-slide .later-arr.prev {
  background: url("/assets/img/common/cm_slide_arr.png") center center/30px auto no-repeat;
  display: block;
  position: absolute;
  left: -30px;
  height: 50px;
  top: calc( 50% - 25px);
  width: 30px;
}
.p-later-box .later-slide .later-arr.next {
  background: url("/assets/img/common/cm_slide_arr.png") center center/30px auto no-repeat;
  display: block;
  position: absolute;
  right: -30px;
  height: 50px;
  top: calc( 50% - 25px);
  transform: rotate(180deg);
  width: 30px;
}
.p-later-box .later-slide .later-arr:hover {
  cursor: pointer;
  opacity: .7;
}
.p-later-box .later-slide .slick-slide:not([tabindex="0"]) {
  opacity: 1;
}
.p-later-box .later-slide.slide-full-width {
  width: 1140px;
  opacity: 0;
}
.p-later-box .later-slide.slide-full-width.slick-initialized {
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .p-later-box .later-slide.slide-full-width {
    width: calc(100vw - calc(10 / 3.75 * 1vw));
    opacity: 1;
  }
}

/* よくある質問
-------------------------------------------------------------------*/
@media not all and (min-width: 768px) {
  .faq {
    padding: calc(110 / 3.75 * 1vw) 0 0;
  }
}

.p-faq-cate-box {
  margin: 30px 0 60px;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box {
    margin: calc(30 / 3.75 * 1vw) 0 calc(50 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-faq-cate-box.mt-h {
  margin-top: 60px;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box.mt-h {
    margin-top: calc(50 / 3.75 * 1vw);
  }
}
.p-faq-cate-box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box ul {
    row-gap: calc(10 / 3.75 * 1vw);
  }
}
.p-faq-cate-box ul li {
  border: 1px solid #CCCCCC;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  height: 50px;
  padding: 5px 0;
  width: 230px;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box ul li {
    border-radius: calc(5 / 3.75 * 1vw);
    height: calc(50 / 3.75 * 1vw);
    padding: calc(5 / 3.75 * 1vw) 0;
    width: calc(172 / 3.75 * 1vw);
  }
}
.p-faq-cate-box ul li a {
  background: url("/assets/img/common/footer_icn_arr01.png") right 10px center/6px auto no-repeat;
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: .3s ease;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box ul li a {
    background: url("/assets/img/common/footer_icn_arr01.png") right calc(6 / 3.75 * 1vw) center/calc(5 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(15 / 3.75 * 1vw);
    line-height: calc(24 / 3.75 * 1vw);
  }
}
.p-faq-cate-box ul li a:hover {
  background: url("/assets/img/common/footer_icn_arr01.png") right 7px center/6px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box ul li a:hover {
    background: url("/assets/img/common/footer_icn_arr01.png") right calc(8 / 3.75 * 1vw) center/calc(5 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-faq-cate-box ul li a::before {
  border-right: 1px dotted #707070;
  content: "";
  margin-right: 10px;
  height: 100%;
  width: 50px;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box ul li a::before {
    margin-right: calc(10 / 3.75 * 1vw);
    width: calc(50 / 3.75 * 1vw);
  }
}
.p-faq-cate-box ul li a.fq-cate01::before {
  background: url("/item_images/faq/faq_cate_icn01.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate02::before {
  background: url("/item_images/faq/faq_cate_icn02.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate03::before {
  background: url("/item_images/faq/faq_cate_icn03.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate04::before {
  background: url("/item_images/faq/faq_cate_icn04.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate05::before {
  background: url("/item_images/faq/faq_cate_icn05.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate06::before {
  background: url("/item_images/faq/faq_cate_icn06.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate07::before {
  background: url("/item_images/faq/faq_cate_icn07.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate08::before {
  background: url("/item_images/faq/faq_cate_icn08.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate09::before {
  background: url("/item_images/faq/faq_cate_icn09.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate10::before {
  background: url("/item_images/faq/faq_cate_icn10.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate11::before {
  background: url("/item_images/faq/faq_cate_icn11.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate12::before {
  background: url("/item_images/faq/faq_cate_icn12.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li a.fq-cate13::before {
  background: url("/item_images/faq/faq_cate_icn13.svg") center center/30px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box ul li a.fq-cate01::before {
    background: url("/item_images/faq/faq_cate_icn01.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate02::before {
    background: url("/item_images/faq/faq_cate_icn02.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate03::before {
    background: url("/item_images/faq/faq_cate_icn03.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate04::before {
    background: url("/item_images/faq/faq_cate_icn04.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate05::before {
    background: url("/item_images/faq/faq_cate_icn05.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate06::before {
    background: url("/item_images/faq/faq_cate_icn06.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate07::before {
    background: url("/item_images/faq/faq_cate_icn07.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate08::before {
    background: url("/item_images/faq/faq_cate_icn08.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate09::before {
    background: url("/item_images/faq/faq_cate_icn09.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate10::before {
    background: url("/item_images/faq/faq_cate_icn10.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate11::before {
    background: url("/item_images/faq/faq_cate_icn11.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate12::before {
    background: url("/item_images/faq/faq_cate_icn12.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
  .p-faq-cate-box ul li a.fq-cate13::before {
    background: url("/item_images/faq/faq_cate_icn13.svg") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  }
}
.p-faq-cate-box ul li a.fs-s {
  font-size: 14px;
  line-height: 17px;
}
@media not all and (min-width: 768px) {
  .p-faq-cate-box ul li a.fs-s-sp {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(17 / 3.75 * 1vw);
  }
}
.p-faq-cate-box ul li.current {
  background: #eee;
}
.p-faq-cate-box ul li.current .fq-cate01::before {
  background: url("/item_images/faq/faq_cate_icn01_off.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate02::before {
  background: url("/item_images/faq/faq_cate_icn02.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate03::before {
  background: url("/item_images/faq/faq_cate_icn03.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate04::before {
  background: url("/item_images/faq/faq_cate_icn04.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate05::before {
  background: url("/item_images/faq/faq_cate_icn05.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate06::before {
  background: url("/item_images/faq/faq_cate_icn06.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate07::before {
  background: url("/item_images/faq/faq_cate_icn07.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate08::before {
  background: url("/item_images/faq/faq_cate_icn08.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate09::before {
  background: url("/item_images/faq/faq_cate_icn09.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate10::before {
  background: url("/item_images/faq/faq_cate_icn10.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate11::before {
  background: url("/item_images/faq/faq_cate_icn11.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate12::before {
  background: url("/item_images/faq/faq_cate_icn12.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current .fq-cate13::before {
  background: url("/item_images/faq/faq_cate_icn13.svg") center center/30px auto no-repeat;
}
.p-faq-cate-box ul li.current a {
  color: #aaa;
  pointer-events: none;
}
.p-faq-cate-box ul li.current a:hover {
  background: url("/assets/img/common/footer_icn_arr01.png") right 10px center/6px auto no-repeat;
}

@media not all and (min-width: 768px) {
  .p-faq-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.p-faq-box dl {
  color: #333333;
}
.p-faq-box dl dt {
  background: url("/assets/img/common/icn_faq_q.png") left top 0/17px auto no-repeat;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  min-height: 20px;
  margin-top: 30px;
  padding-left: 30px;
}
@media not all and (min-width: 768px) {
  .p-faq-box dl dt {
    background: url("/assets/img/common/icn_faq_q.png") left top calc(2 / 3.75 * 1vw)/calc(17 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(14 / 3.75 * 1vw);
    min-height: calc(26 / 3.75 * 1vw);
    margin-top: calc(25 / 3.75 * 1vw);
    padding-left: calc(30 / 3.75 * 1vw);
  }
}
.p-faq-box dl dd {
  background: url("/assets/img/common/icn_faq_a.png") left top 1px/17px auto no-repeat;
  border-bottom: 1px solid #DDDDDD;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 16px;
  padding: 0 0 24px 30px;
}
@media not all and (min-width: 768px) {
  .p-faq-box dl dd {
    background: url("/assets/img/common/icn_faq_a.png") left top calc(1 / 3.75 * 1vw)/calc(17 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    margin-top: calc(16 / 3.75 * 1vw);
    padding-left: calc(30 / 3.75 * 1vw);
  }
}
.p-faq-box dl dd .img {
  display: inline-block;
  margin-top: 16px;
}

.p-faq-bnr-box {
  border: 1px solid #CCCCCC;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  margin: 70px auto 0;
  padding: 50px;
  width: 842px;
}
@media not all and (min-width: 768px) {
  .p-faq-bnr-box {
    margin: calc(60 / 3.75 * 1vw) auto 0;
    border: none;
    box-shadow: none;
    padding: 0 calc(10 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-faq-bnr-box .faq-bnr-title {
  font-size: 18px;
  line-height: 29px;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-faq-bnr-box .faq-bnr-title {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    margin-bottom: calc(15 / 3.75 * 1vw);
  }
}
.p-faq-bnr-box .flx-box {
  display: flex;
  justify-content: center;
}
.p-faq-bnr-box .flx-box .cont-box {
  margin: 12px 16px 0;
  width: 234px;
}
@media not all and (min-width: 768px) {
  .p-faq-bnr-box .flx-box .cont-box {
    margin: 0;
    width: 50%;
  }
  .p-faq-bnr-box .flx-box .cont-box.left {
    border-right: 1px solid #CCCCCC;
    padding-right: calc(15 / 3.75 * 1vw);
  }
  .p-faq-bnr-box .flx-box .cont-box.right {
    padding-left: calc(15 / 3.75 * 1vw);
  }
}
.p-faq-bnr-box .flx-box .cont-box .img-box {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 120px;
}
.p-faq-bnr-box .flx-box .cont-box .img-box .img01 {
  width: 126px;
}
.p-faq-bnr-box .flx-box .cont-box .img-box .img02 {
  width: 150px;
}
@media not all and (min-width: 768px) {
  .p-faq-bnr-box .flx-box .cont-box .img-box {
    height: calc(110 / 3.75 * 1vw);
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
  .p-faq-bnr-box .flx-box .cont-box .img-box .img01 {
    width: calc(126 / 3.75 * 1vw);
  }
  .p-faq-bnr-box .flx-box .cont-box .img-box .img02 {
    width: calc(150 / 3.75 * 1vw);
  }
}
.p-faq-bnr-box .flx-box .cont-box p {
  font-size: 15px;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-faq-bnr-box .flx-box .cont-box p {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
    height: calc(38 / 3.75 * 1vw);
  }
}
.p-faq-bnr-box .flx-box .cont-box a {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #e8343d;
  font-size: 15px;
  font-weight: 700;
  border: 1px solid #ddd;
  width: 100%;
  margin-top: 15px;
  height: 44px;
  border-radius: 5px;
  transition: .3s ease;
}
@media not all and (min-width: 768px) {
  .p-faq-bnr-box .flx-box .cont-box a {
    background: url("/assets/img/common/footer_icn_arr01.png") right calc(6 / 3.75 * 1vw) center/calc(6 / 3.75 * 1vw) auto no-repeat;
    margin-top: calc(10 / 3.75 * 1vw);
    height: calc(60 / 3.75 * 1vw);
    border-radius: calc(5 / 3.75 * 1vw);
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(18 / 3.75 * 1vw);
    text-align: center;
  }
}
.p-faq-bnr-box .flx-box .cont-box a:hover {
  opacity: .7;
}

/* よくある質問をご確認頂いても～
-------------------------------------------------------------------*/
.p-contact-ann-box {
  border: 1px solid #CCCCCC;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  margin: 70px auto 0;
  padding: 50px;
  width: 842px;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box {
    margin: calc(60 / 3.75 * 1vw) auto 0;
    border: none;
    box-shadow: none;
    padding: 0 calc(10 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-contact-ann-box .ann-title {
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 60px;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .ann-title {
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    margin-bottom: calc(24 / 3.75 * 1vw);
  }
}
.p-contact-ann-box .flx-box {
  display: flex;
  justify-content: space-between;
}
.p-contact-ann-box .flx-box .cont-box {
  width: 234px;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box {
    width: calc(109 / 3.75 * 1vw);
  }
}
.p-contact-ann-box .flx-box .cont-box a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a {
    padding-top: calc(56 / 3.75 * 1vw);
  }
}
.p-contact-ann-box .flx-box .cont-box a p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a p {
    font-size: calc(11 / 3.75 * 1vw);
    margin-bottom: calc(16 / 3.75 * 1vw);
    text-align: center;
    line-height: calc(17 / 3.75 * 1vw);
  }
}
.p-contact-ann-box .flx-box .cont-box a .link-btn {
  border: #ddd solid 1px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #E8343D;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  transition: .3s ease;
  padding: 13px 0;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a .link-btn {
    background: url("/assets/img/common/footer_icn_arr01.png") right calc(5 / 3.75 * 1vw) center/calc(8 / 3.75 * 1vw) auto no-repeat;
    flex-direction: row;
    font-size: calc(11 / 3.75 * 1vw);
    text-align: left;
    line-height: 1.5;
    padding: calc(10 / 3.75 * 1vw);
    justify-content: flex-start;
    height: calc(56 / 3.75 * 1vw);
  }
}
.p-contact-ann-box .flx-box .cont-box a.box01 {
  background: url("/assets/img/common/oder_flow_icn01.png") center top/auto 70px no-repeat;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a.box01 {
    background: url("/assets/img/common/oder_flow_icn01.png") center top/auto calc(46 / 3.75 * 1vw) no-repeat;
  }
}
.p-contact-ann-box .flx-box .cont-box a.box02 {
  background: url("/assets/img/common/oder_flow_icn04.png") center top/auto 70px no-repeat;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a.box02 {
    background: url("/assets/img/common/oder_flow_icn04.png") center top/auto calc(46 / 3.75 * 1vw) no-repeat;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    padding: calc(56 / 3.75 * 1vw) calc(7 / 3.75 * 1vw) 0;
  }
}
.p-contact-ann-box .flx-box .cont-box a.box03 {
  background: url("/assets/img/common/oder_flow_icn03.png") top/auto 70px no-repeat;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a.box03 {
    background: url("/assets/img/common/oder_flow_icn03.png") top/auto calc(46 / 3.75 * 1vw) no-repeat;
  }
}
.p-contact-ann-box .flx-box .cont-box a:hover .link-btn {
  background: #fff5f5;
  border-color: #f9ccbf;
}
.p-contact-ann-box .flx-box .cont-box a:hover.box01 {
  background: url("/assets/img/common/oder_flow_icn01_on.png") center top/auto 70px no-repeat;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a:hover.box01 {
    background: url("/assets/img/common/oder_flow_icn01_on.png") center top/auto calc(46 / 3.75 * 1vw) no-repeat;
  }
}
.p-contact-ann-box .flx-box .cont-box a:hover.box02 {
  background: url("/assets/img/common/oder_flow_icn04_on.png") center top/auto 70px no-repeat;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a:hover.box02 {
    background: url("/assets/img/common/oder_flow_icn04_on.png") center top/auto calc(46 / 3.75 * 1vw) no-repeat;
  }
}
.p-contact-ann-box .flx-box .cont-box a:hover.box03 {
  background: url("/assets/img/common/oder_flow_icn03_on.png") top/auto 70px no-repeat;
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box a:hover.box03 {
    background: url("/assets/img/common/oder_flow_icn03_on.png") top/auto calc(46 / 3.75 * 1vw) no-repeat;
  }
}
@media not all and (min-width: 768px) {
  .p-contact-ann-box .flx-box .cont-box.mid {
    width: calc(123 / 3.75 * 1vw);
  }
}
.p-contact-ann-box.pb-tight {
  padding-bottom: 0;
}

/* 関連商品スライド（個別商品用FULL WIDTH） */
.p-goods-box {
  margin-bottom: 40px;
}
@media not all and (min-width: 768px) {
  .p-goods-box {
    margin-bottom: calc(-30 / 3.75 * 1vw);
    padding: calc(37 / 3.75 * 1vw) 0 0 calc(10 / 3.75 * 1vw);
  }
  .p-goods-box h2.p-type01 {
    line-height: calc(27 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
}
.p-goods-box .item-goods-slide {
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  opacity: 0;
}
.p-goods-box .item-goods-slide.slick-initialized {
  opacity: 1;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide {
    overflow: hidden;
    width: calc(100vw - calc(10 / 3.75 * 1vw));
  }
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide .slide {
    margin: 0 calc(5 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a {
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0 11px;
  row-gap: 8px;
  width: 170px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a {
    height: auto;
    margin: 0;
    row-gap: 0;
    width: calc(130 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a figure {
  height: auto;
  width: 170px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a figure {
    margin: 0 calc(5 / 3.75 * 1vw);
    width: calc(130 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a figure img {
  border: 1px solid #EEEEEE;
  border-radius: 7px;
  height: 192px;
  overflow: hidden;
  object-fit: cover;
  width: 170px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a figure img {
    border-radius: calc(7 / 3.75 * 1vw);
    height: calc(136 / 3.75 * 1vw);
    width: calc(130 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a h3 {
  font-weight: 700;
  min-height: 36px;
  line-height: 18px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a h3 {
    font-size: calc(12 / 3.75 * 1vw);
    font-weight: 700;
    height: auto;
    padding-top: calc(5 / 3.75 * 1vw);
    line-height: calc(16 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a .s-num {
  color: #999999;
  font-size: 12px;
  text-align: right;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a .s-num {
    font-size: calc(11 / 3.75 * 1vw);
    margin: calc(5 / 3.75 * 1vw) 0 calc(4 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a .sale-prnt {
  font-size: 12px;
  font-weight: 700;
  margin: .1em 0;
  text-align: right;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a .sale-prnt {
    font-size: calc(11 / 3.75 * 1vw);
    text-align: left;
    margin: .2em 0 0;
  }
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a .icn-sale {
    display: block;
  }
  .p-goods-box .item-goods-slide a .icn-sale img {
    width: calc(26 / 3.75 * 1vw);
    height: auto;
  }
}
.p-goods-box .item-goods-slide a .price {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a .price {
    font-size: calc(15 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a .price .tax {
  font-size: 11px;
  font-weight: 500;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a .price .tax {
    font-size: calc(10 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a .price .ntc {
  font-size: 12px;
  padding-right: 10px;
  vertical-align: middle;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide a .price .ntc {
    font-size: calc(11 / 3.75 * 1vw);
    padding-right: calc(10 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide a .price.sale {
  color: #E6393D;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.p-goods-box .item-goods-slide a .price.sale img {
  width: 26px;
  height: auto;
  margin-bottom: .2em;
  margin-right: 8px;
}
.p-goods-box .item-goods-slide a del {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  display: block;
}
.p-goods-box .item-goods-slide a:hover h3 {
  color: #e8343d;
}
.p-goods-box .item-goods-slide a:hover .price, .p-goods-box .item-goods-slide a:hover .sale-prnt, .p-goods-box .item-goods-slide a:hover del {
  color: #333;
}
.p-goods-box .item-goods-slide a:hover .price.sale {
  color: #e8343d;
}
.p-goods-box .item-goods-slide .goods-arr {
  transition: .2s ease-out;
}
.p-goods-box .item-goods-slide .goods-arr.prev, .p-goods-box .item-goods-slide .goods-arr.next {
  background: url("/assets/img/common/cm_slide_arr.png") center center/30px auto no-repeat;
  display: block;
  height: 50px;
  position: absolute;
  top: calc( 50% - 25px);
  width: 30px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide .goods-arr.prev, .p-goods-box .item-goods-slide .goods-arr.next {
    background: url("/assets/img/common/cm_slide_arr.png") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
    height: calc(50 / 3.75 * 1vw);
    top: calc( 50% - calc(25 / 3.75 * 1vw));
    width: calc(30 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide .goods-arr.prev {
  left: 0;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide .goods-arr.prev {
    left: calc(-21 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide .goods-arr.next {
  right: 0;
  transform: rotate(180deg);
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide .goods-arr.next {
    right: calc(-23 / 3.75 * 1vw);
  }
}
.p-goods-box .item-goods-slide .goods-arr:hover {
  cursor: pointer;
  opacity: .7;
}
@media not all and (min-width: 768px) {
  .p-goods-box .item-goods-slide.sp-unslick {
    overflow: visible;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: calc(15 / 3.75 * 1vw);
    padding-right: calc(10 / 3.75 * 1vw);
    margin-bottom: calc(40 / 3.75 * 1vw);
    opacity: 1;
  }
  .p-goods-box .item-goods-slide.sp-unslick .slide {
    margin: 0;
  }
  .p-goods-box .item-goods-slide.sp-unslick a {
    width: calc(105 / 3.75 * 1vw);
  }
}
.p-goods-box .slick-slider {
  user-select: text;
}
.p-goods-box .slick-slide:not([tabindex="0"]) {
  opacity: 1;
}
.p-goods-box .slick-dots {
  bottom: -40px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .slick-dots {
    bottom: calc(5 / 3.75 * 1vw);
  }
}
.p-goods-box .slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 0 10px;
  position: relative;
  padding: 0;
  width: 8px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .slick-dots li {
    height: calc(8 / 3.75 * 1vw);
    margin: 0 calc(10 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-goods-box .slick-list {
    padding: 0 0 calc(40 / 3.75 * 1vw);
  }
}
.p-goods-box .slick-dots li button {
  border: 0;
  border-radius: 50%;
  background: #DDDDDD;
  cursor: pointer;
  color: transparent;
  display: block;
  font-size: 0;
  height: 8px;
  line-height: 0;
  outline: none;
  padding: 5px;
  width: 8px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .slick-dots li button {
    height: calc(8 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
  }
}
.p-goods-box .slick-dots li button::before {
  content: none;
}
.p-goods-box .slick-dots li.slick-active button {
  background: #606060;
}
.p-goods-box .goods-dot-arr {
  transition: .2s ease-out;
}
.p-goods-box .goods-dot-arr.prev, .p-goods-box .goods-dot-arr.next {
  background: url("/assets/img/common/cm_slide_arr_pager.svg") center center/8px auto no-repeat;
  display: block;
  height: 20px;
  position: absolute;
  top: 27px;
  width: 20px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .goods-dot-arr.prev, .p-goods-box .goods-dot-arr.next {
    height: calc(20 / 3.75 * 1vw);
    top: calc(-17 / 3.75 * 1vw);
    width: calc(20 / 3.75 * 1vw);
  }
}
.p-goods-box .goods-dot-arr.prev {
  left: calc(50% - 110px);
}
@media not all and (min-width: 768px) {
  .p-goods-box .goods-dot-arr.prev {
    left: calc(50% - calc(110 / 3.75 * 1vw));
  }
}
.p-goods-box .goods-dot-arr.next {
  right: calc(50% - 110px);
  transform: rotate(180deg);
}
@media not all and (min-width: 768px) {
  .p-goods-box .goods-dot-arr.next {
    right: calc(50% - calc(110 / 3.75 * 1vw));
  }
}
.p-goods-box .goods-dot-arr:hover {
  cursor: pointer;
  opacity: .7;
}
.p-goods-box .p-link-box {
  margin-top: 70px;
}
@media not all and (min-width: 768px) {
  .p-goods-box .p-link-box {
    margin-top: calc(25 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
}

/* スタッフ （個人でも法人でもＯＫ。スピーディーに対応いたします。）
-------------------------------------------------------------------*/
.p-staff-wrap {
  display: block;
  border: 1px solid #DDDDDD;
  padding: 18px 20px;
  margin: 30px 0;
  height: 204px;
}
@media not all and (min-width: 768px) {
  .p-staff-wrap {
    display: block;
    padding: calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(15 / 3.75 * 1vw);
    margin: 0 0 calc(30 / 3.75 * 1vw);
    height: auto;
  }
}
.p-staff-wrap .img-box {
  float: left;
  width: 260px;
}
@media not all and (min-width: 768px) {
  .p-staff-wrap .img-box {
    width: calc(160 / 3.75 * 1vw);
  }
}
.p-staff-wrap h2 {
  font-size: 18px;
  font-weight: bold;
  padding-left: 280px;
  margin: 20px 0 15px;
}
@media not all and (min-width: 768px) {
  .p-staff-wrap h2 {
    font-size: calc(15 / 3.75 * 1vw);
    line-height: calc(25 / 3.75 * 1vw);
    padding-left: calc(170 / 3.75 * 1vw);
    margin: calc(15 / 3.75 * 1vw) 0 calc(25 / 3.75 * 1vw);
    letter-spacing: -.03em;
  }
}
.p-staff-wrap p {
  font-size: 14px;
  line-height: 1.8;
  padding-left: 280px;
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .p-staff-wrap p {
    padding: 0;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: 1.5;
    margin-bottom: calc(15 / 3.75 * 1vw);
  }
  .p-staff-wrap p:before {
    content: "";
    display: block;
    width: 100%;
    float: none;
  }
}
.p-staff-wrap ul {
  display: flex;
  justify-content: flex-end;
}
@media not all and (min-width: 768px) {
  .p-staff-wrap ul {
    justify-content: center;
    width: 100%;
  }
}
.p-staff-wrap ul li a {
  font-size: 13px;
  color: #27a3cd;
  text-decoration: underline;
}
.p-staff-wrap ul li a:hover {
  text-decoration: none;
}
@media not all and (min-width: 768px) {
  .p-staff-wrap ul li a {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.p-staff-wrap ul li:nth-child(1) {
  border-right: #ddd solid 1px;
  margin-right: 15px;
  padding-right: 15px;
}
@media not all and (min-width: 768px) {
  .p-staff-wrap ul li:nth-child(1) {
    margin-right: calc(15 / 3.75 * 1vw);
    padding-right: calc(15 / 3.75 * 1vw);
  }
}
.p-staff-wrap.order-cart {
  width: 840px;
  border: none;
  padding: 0;
  margin: 0 auto;
}
@media not all and (min-width: 768px) {
  .p-staff-wrap.order-cart {
    width: 100%;
  }
  .p-staff-wrap.order-cart h2 {
    margin: calc(15 / 3.75 * 1vw) 0 calc(40 / 3.75 * 1vw);
  }
}

/* ！注意事項（赤枠！付） */
.p-caution-box {
  border: 1px solid #FFCCCF;
  padding: 20px;
  margin-bottom: 60px;
}
@media not all and (min-width: 768px) {
  .p-caution-box {
    margin: 0 calc(10 / 3.75 * 1vw);
    padding: calc(15 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
    margin-bottom: calc(40 / 3.75 * 1vw);
  }
}
.p-caution-box .caut-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
@media not all and (min-width: 768px) {
  .p-caution-box .caut-title {
    font-size: calc(16 / 3.75 * 1vw);
    margin-bottom: calc(12 / 3.75 * 1vw);
  }
}
.p-caution-box .caut-title img {
  margin-right: 10px;
}
@media not all and (min-width: 768px) {
  .p-caution-box .caut-title img {
    margin-right: calc(8 / 3.75 * 1vw);
    width: calc(20 / 3.75 * 1vw);
    height: auto;
  }
}
.p-caution-box .notice {
  font-size: 15px;
  line-height: 21px;
  text-indent: -1em;
  padding-left: 1em;
}
@media not all and (min-width: 768px) {
  .p-caution-box .notice {
    font-size: calc(15 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
  }
}
.p-caution-box .notice span {
  color: #e8343d;
  font-weight: 700;
}

/* 株式会社イディアスについて */
.p-about-ideas-box {
  background: #F9F9F9;
  padding: 18px 30px 34px;
  margin-top: 45px;
}
@media not all and (min-width: 768px) {
  .p-about-ideas-box {
    padding: calc(21 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(30 / 3.75 * 1vw);
  }
}
.p-about-ideas-box h2 {
  align-items: center;
  display: flex;
  justify-content: center;
  background: url("/assets/img/common/logo.png") left top/auto 59px no-repeat;
  border-bottom: 1px solid #CCCCCC;
  height: 62px;
  padding-bottom: 3px;
  font-size: 25px;
}
@media not all and (min-width: 768px) {
  .p-about-ideas-box h2 {
    background: none;
    height: auto;
    padding-bottom: calc(10 / 3.75 * 1vw);
    font-size: calc(20 / 3.75 * 1vw);
  }
}
.p-about-ideas-box .txt-box {
  display: flex;
  justify-content: space-between;
  margin: 26px 0 16px;
}
@media not all and (min-width: 768px) {
  .p-about-ideas-box .txt-box {
    flex-direction: column;
    margin: calc(20 / 3.75 * 1vw) 0 calc(10 / 3.75 * 1vw);
  }
}
.p-about-ideas-box .txt-box p {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  width: 462px;
}
@media not all and (min-width: 768px) {
  .p-about-ideas-box .txt-box p {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(22 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-about-ideas-box .txt-box ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-about-ideas-box .txt-box ul li {
  margin-bottom: 12px;
  background: url("/assets/img/common/footer_icn_arr01.png") center right 5px/8px auto no-repeat;
  display: inline-block;
  padding-right: 20px;
}
@media not all and (min-width: 768px) {
  .p-about-ideas-box .txt-box ul li {
    background: url("/assets/img/common/footer_icn_arr01.png") center right calc(5 / 3.75 * 1vw)/calc(8 / 3.75 * 1vw) auto no-repeat;
    padding-right: calc(20 / 3.75 * 1vw);
  }
}
.p-about-ideas-box .txt-box ul li a {
  color: #28A3CD;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 500;
}
@media not all and (min-width: 768px) {
  .p-about-ideas-box .txt-box ul li a {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
  }
}
.p-about-ideas-box .txt-box ul li a:hover {
  text-decoration: none;
}
.p-about-ideas-box .txt-box.full-wdt p {
  width: 608px;
}
.p-about-ideas-box .txt-box.full-wdt ul {
  padding-right: 48px;
}
.p-about-ideas-box .img-box {
  display: flex;
  justify-content: space-between;
}
@media not all and (min-width: 768px) {
  .p-about-ideas-box .img-box img {
    width: 110px;
  }
}

/* タイトル
-------------------------------------------------------------------*/
.p-type01 {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media not all and (min-width: 768px) {
  .p-type01 {
    font-size: calc(18 / 3.75 * 1vw);
    margin-bottom: calc(16 / 3.75 * 1vw);
    line-height: 1.3; /*250602*/
  }
}
.p-type01::after {
  background: linear-gradient(to right, #E8373D 0%, #E8373D 20px, #D5D5D5 20px, #D5D5D5 100%);
  content: "";
  display: block;
  height: 1px;
  margin: 8px 0 14px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-type01::after {
    background: linear-gradient(to right, #E8373D 0%, #E8373D calc(20 / 3.75 * 1vw), #D5D5D5 calc(20 / 3.75 * 1vw), #D5D5D5 100%);
    height: 1px;
    margin: calc(15 / 3.75 * 1vw) 0 calc(14 / 3.75 * 1vw);
  }
}
.p-type01 .link {
  background: url("/assets/img/common/icn_tri_left.png") right 15px center/18px auto no-repeat;
  display: inline-block;
  color: #28A3CD;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding-right: 40px;
}
.p-type01 a {
  display: flex;
  color: #28A3CD;
  font-size: 13px;
  text-decoration: underline;
  font-weight: 500;
  white-space: nowrap;
}
.p-type01 a::after {
  content: "";
  background: url("/assets/img/common/cm_arr01.svg") center center/6px auto no-repeat;
  display: inline-block;
  width: 6px;
  height: 13px;
  margin-left: 3px;
}
.p-type01 a:hover {
  text-decoration: none;
}

.p-type02 {
  align-items: center;
  background: #F2F2F2;
  color: #333333;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 80px;
  padding-left: 10px;
}
@media not all and (min-width: 768px) {
  .p-type02 {
    font-size: calc(18 / 3.75 * 1vw);
    height: calc(60 / 3.75 * 1vw);
    padding-left: calc(12 / 3.75 * 1vw);
  }
}

.p-type03 {
  background: #F6F6F6;
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 64px;
  width: 100%;
  padding: 0 20px;
}
@media not all and (min-width: 768px) {
  .p-type03 {
    font-size: calc(18 / 3.75 * 1vw);
    height: calc(65 / 3.75 * 1vw);
  }
}
.p-type03.mt-tight {
  margin-top: -43px;
}
@media not all and (min-width: 768px) {
  .p-type03.mt-tight {
    margin-top: calc(-43 / 3.75 * 1vw);
  }
}
.p-type03.mt-tight02 {
  margin-top: -75px;
}
@media not all and (min-width: 768px) {
  .p-type03.mt-tight02 {
    margin-top: calc(-58 / 3.75 * 1vw);
  }
}

.p-h3-type01 {
  display: flex;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-left: 15px;
  position: relative;
}
@media not all and (min-width: 768px) {
  .p-h3-type01 {
    font-size: calc(16 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    padding-left: calc(15 / 3.75 * 1vw);
  }
}
.p-h3-type01::before {
  content: '';
  background: linear-gradient(to bottom, #555555 0, #555555 50%, #C3C3C3 50%, #C3C3C3 100%);
  display: inline-block;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
}
@media not all and (min-width: 768px) {
  .p-h3-type01::before {
    height: calc(20 / 3.75 * 1vw);
    width: calc(5 / 3.75 * 1vw);
  }
}
.p-h3-type01.mt60 {
  margin-top: 60px;
}
@media not all and (min-width: 768px) {
  .p-h3-type01.mt60 {
    margin-top: calc(50 / 3.75 * 1vw);
  }
}

.p-h2-type02 {
  align-items: center;
  display: flex;
  background: #EEEEEE;
  height: 62px;
  font-size: 18px;
  font-weight: bold;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-left: 12px solid #D2D2D2;
  padding-left: 10px;
}
@media not all and (min-width: 768px) {
  .p-h2-type02 {
    font-size: calc(17 / 3.75 * 1vw);
    height: calc(55 / 3.75 * 1vw);
    margin-left: calc(-10 / 3.75 * 1vw);
    width: 100vw;
    padding-left: calc(12 / 3.75 * 1vw);
  }
}

/* リンクボタン
-------------------------------------------------------------------*/
.p-link-box {
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-link-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
  .p-link-box.offset-l {
    padding: 0 calc(10 / 3.75 * 1vw) 0 0;
  }
}
.p-link-box .type01 {
  align-items: center;
  background: #fff url("/assets/img/common/icn_link_arr_g.png") right 26px center/8px auto no-repeat;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: #E6393D;
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  height: 55px;
  margin: 0 auto;
  transition: .2s ease-out;
  width: 400px;
}
@media not all and (min-width: 768px) {
  .p-link-box .type01 {
    background: #fff url("/assets/img/common/icn_link_arr_g.png") right calc(20 / 3.75 * 1vw) center/calc(8 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(15 / 3.75 * 1vw);
    height: calc(50 / 3.75 * 1vw);
    width: 100%;
  }
}
.p-link-box .type01:hover {
  background: #fff5f5 url("/assets/img/common/icn_link_arr_g_on.png") right 26px center/8px auto no-repeat;
  border: 1px solid #f9ccbf;
}
.p-link-box .type01.width-free {
  display: inline-block;
  padding: 0 100px;
  line-height: 55px;
  width: auto;
}
@media not all and (min-width: 768px) {
  .p-link-box .type01.width-free {
    display: flex;
    height: calc(70 / 3.75 * 1vw);
    font-size: calc(14 / 3.75 * 1vw);
    line-height: 1.5;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  .p-link-box .type01.width-free.btn-sp-only {
    margin-top: calc(12 / 3.75 * 1vw);
    height: calc(50 / 3.75 * 1vw);
  }
}
.p-link-box.two-row {
  padding: 10px 0 0;
}
@media not all and (min-width: 768px) {
  .p-link-box.two-row {
    padding: calc(20 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) 0 0;
  }
}
.p-link-box.two-row a {
  width: 492px;
}
@media not all and (min-width: 768px) {
  .p-link-box.two-row a {
    line-height: 1.5;
    height: calc(70 / 3.75 * 1vw);
    text-align: center;
    margin: 0 auto;
    width: calc(100% - calc(20 / 3.75 * 1vw));
  }
}
@media not all and (min-width: 768px) {
  .p-link-box.two-row.sp-3row {
    height: calc(80 / 3.75 * 1vw);
  }
}

/* 入力経過バー
-------------------------------------------------------------------*/
.p-input-progbar {
  display: flex;
  justify-content: center;
  margin: 40px 0 45px;
}
@media not all and (min-width: 768px) {
  .p-input-progbar {
    margin: 0 0 calc(20 / 3.75 * 1vw);
  }
}
.p-input-progbar ul {
  display: flex;
  justify-content: center;
  position: relative;
}
@media not all and (min-width: 768px) {
  .p-input-progbar ul {
    justify-content: space-between;
    width: 100%;
  }
}
.p-input-progbar ul li {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 700;
  width: 100px;
  color: #707070;
  line-height: 15px;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-input-progbar ul li {
    font-size: calc(11 / 3.75 * 1vw);
    width: calc(56 / 3.75 * 1vw);
    line-height: calc(13 / 3.75 * 1vw);
  }
  .p-input-progbar ul li:first-child {
    margin-right: calc(11 / 3.75 * 1vw);
    width: calc(34 / 3.75 * 1vw);
  }
  .p-input-progbar ul li:last-child {
    margin-left: calc(11 / 3.75 * 1vw);
    width: calc(34 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .p-input-progbar ul li.sample:first-child {
    margin-right: calc(0 / 3.75 * 1vw);
    width: calc(46 / 3.75 * 1vw);
  }
}
.p-input-progbar ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  background: #707070;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
  height: 42px;
  width: 42px;
}
@media not all and (min-width: 768px) {
  .p-input-progbar ul li span {
    font-size: calc(15 / 3.75 * 1vw);
    height: calc(30 / 3.75 * 1vw);
    width: calc(30 / 3.75 * 1vw);
  }
}
.p-input-progbar ul li.current {
  color: #E6393D;
}
.p-input-progbar ul li.current span {
  background: #E6393D;
}
.p-input-progbar ul::before {
  content: '';
  background: #707070;
  display: block;
  position: absolute;
  height: 4px;
  width: calc(100% - 100px);
  top: 19px;
  z-index: -1;
}
@media not all and (min-width: 768px) {
  .p-input-progbar ul::before {
    height: calc(4 / 3.75 * 1vw);
    width: calc(100% - calc(15 / 3.75 * 1vw));
    margin: 0 calc(10 / 3.75 * 1vw);
    top: calc(14 / 3.75 * 1vw);
  }
}

/* 共通ログインパーツ
-------------------------------------------------------------------*/
.p-login-box {
  margin: 30px 0 230px;
}
.p-login-box .flx-box {
  display: flex;
  justify-content: space-between;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box {
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: calc(30 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box {
  background: #F9F9F9;
  width: 580px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box {
    width: 100%;
  }
}
.p-login-box .flx-box .cont-box h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  border-left: 12px solid #D2D2D2;
  font-size: 18px;
  font-weight: 700;
  padding-right: 12px;
  height: 60px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box h2 {
    border: 1px solid #DDDDDD;
    font-size: calc(17 / 3.75 * 1vw);
    height: calc(55 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform {
  padding: 30px 40px 40px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform {
    margin: 0;
    padding: calc(20 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th {
  background: none;
  border: none;
  padding: 0;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th span.n-req {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th span.n-req::after {
  content: none;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th span.n-req {
    padding: 0;
    font-size: calc(15 / 3.75 * 1vw);
    margin-bottom: calc(5 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="email"], .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="password"], .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="text"] {
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  box-shadow: none;
  background-color: #fff;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="email"], .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="password"], .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="text"] {
    width: calc(310 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="email"]:hover, .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="password"]:hover, .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="text"]:hover {
  border: 1px solid #28A3CD;
  cursor: pointer;
}
.p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="email"]:focus, .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="password"]:focus, .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="text"]:focus {
  border: 2px solid #28A3CD;
  cursor: pointer;
}
.p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th .suc_g input[type="email"], .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th .suc_g input[type="password"], .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th .suc_g input[type="text"] {
  background: #E8F0FE;
}
.p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="email"].err_f, .p-login-box .flx-box .cont-box .cont-inner.cform .mtbl .blk th input[type="password"].err_f {
  border: 1px solid #e8343d;
  border-radius: 3px;
  box-shadow: inset 1px 1px #e8343d, inset -1px -1px #e8343d, inset 1px -1px #e8343d, inset -1px 1px #e8343d;
  background-color: #fff2f3;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform .group {
    padding-right: calc(44 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform .group.chks {
  padding-top: 10px;
  padding-bottom: 30px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform .group.chks {
    padding-top: calc(10 / 3.75 * 1vw);
    padding-bottom: calc(30 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform .group.chks span::after {
  left: 2px;
  top: 2px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform .group.chks span::after {
    background: url("/assets/img/common/icn_form_check_wh.png") center center/calc(14 / 3.75 * 1vw) auto no-repeat;
    left: -5px;
    top: 0;
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform .notice li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 13px;
  line-height: 24px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform .notice li {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.cform .notice li::before {
  content: "※";
  color: #E6393D;
}
.p-login-box .flx-box .cont-box .cont-inner.cform .notice li a {
  color: #28A3CD;
  text-decoration: underline;
}
.p-login-box .flx-box .cont-box .cont-inner.cform .notice li a:hover {
  text-decoration: none;
}
.p-login-box .flx-box .cont-box .cont-inner.cform .nav_tp {
  margin: 30px 0 0;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.cform form {
    display: flex;
    flex-direction: column;
  }
  .p-login-box .flx-box .cont-box .cont-inner.cform form table {
    order: 1;
  }
  .p-login-box .flx-box .cont-box .cont-inner.cform form table .eye-icon {
    position: absolute;
  }
  .p-login-box .flx-box .cont-box .cont-inner.cform form table .eye-icon::after {
    content: none;
  }
  .p-login-box .flx-box .cont-box .cont-inner.cform form .notice {
    order: 3;
  }
  .p-login-box .flx-box .cont-box .cont-inner.cform form .nav {
    order: 2;
    margin: calc(20 / 3.75 * 1vw) 0;
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never {
  padding: 30px 40px 40px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never {
    padding: calc(20 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(30 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .ann-txt {
  font-size: 13px;
  font-weight: bold;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .ann-txt {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(24 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .nav_tp {
  margin: 30px 0 40px;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .nav_tp {
    margin: calc(20 / 3.75 * 1vw) 0;
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .notice-box {
  border-top: 1px solid #DDDDDD;
  padding: 20px 0 0;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .notice-box {
    padding: calc(20 / 3.75 * 1vw) 0 0;
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .notice-box h3 {
  display: flex;
  align-items: flex-end;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 23px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .notice-box h3 {
    font-size: calc(14 / 3.75 * 1vw);
    margin-bottom: calc(15 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .notice-box h3::after {
  content: "";
  background: url("/item_images/mypage/mypage_icn02.png") center center/contain no-repeat;
  display: block;
  width: 53px;
  height: 60px;
  margin-bottom: -12px;
  margin-left: 10px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .notice-box h3::after {
    width: calc(40 / 3.75 * 1vw);
    height: calc(45 / 3.75 * 1vw);
    margin-bottom: 0;
    margin-left: calc(10 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .notice-box ul li {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 7px;
  padding-left: 12px;
  position: relative;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .notice-box ul li {
    align-items: flex-start;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
    margin-bottom: calc(7 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .notice-box ul li::before {
  content: "";
  background: #E8343D;
  height: 8px;
  width: 8px;
  margin-right: 4px;
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 50%;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .notice-box ul li::before {
    height: calc(8 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
    margin-right: calc(4 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .link-wrap {
  text-align: right;
  margin-top: 20px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .link-wrap {
    margin-top: calc(20 / 3.75 * 1vw);
    font-size: calc(11 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .link-wrap::after {
  content: "";
  background: url("/assets/img/common/footer_icn_arr01.png") center bottom/contain no-repeat;
  display: inline-block;
  width: 8px;
  height: 13px;
  position: relative;
  top: 3px;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .link-wrap::after {
    width: calc(8 / 3.75 * 1vw);
    height: calc(13 / 3.75 * 1vw);
    top: calc(3 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .link-wrap a {
  color: #28A3CD;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}
@media not all and (min-width: 768px) {
  .p-login-box .flx-box .cont-box .cont-inner.never .link-wrap a {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.p-login-box .flx-box .cont-box .cont-inner.never .link-wrap a:hover {
  text-decoration: none;
}

/* ？モーダル

m-------------------------------------------------------------------*/
.p-mdl-tip {
  text-align: right;
  margin-top: 10px;
}
.p-mdl-tip .mdl-info {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .p-mdl-tip .mdl-info {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.p-mdl-tip .mdl-info::before {
  display: inline-block;
  content: '?';
  line-height: 15px;
  height: 15px;
  width: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  border-radius: 50%;
  background-color: #222;
  color: #fff;
  vertical-align: middle;
  margin: -1px 5px 0 5px;
  transition: all 0.15s ease-in-out;
}
@media not all and (min-width: 768px) {
  .p-mdl-tip .mdl-info::before {
    line-height: calc(15 / 3.75 * 1vw);
    height: calc(15 / 3.75 * 1vw);
    width: calc(15 / 3.75 * 1vw);
    font-size: calc(11 / 3.75 * 1vw);
    margin: calc(-1 / 3.75 * 1vw) calc(5 / 3.75 * 1vw) 0 calc(5 / 3.75 * 1vw);
  }
}
.p-mdl-tip .mdl-info:hover::before {
  background-color: #e8343d;
  transform: scale(1.1, 1.1);
  animation: linear tiktok 1s infinite;
}

@keyframes tiktok {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-30deg);
  }
  75% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: all 0.4s ease;
}
@media not all and (min-width: 768px) {
  .modal {
    padding: calc(22 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
  }
}

.modal.on {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media not all and (min-width: 768px) {
  .modal.on {
    padding: calc(22 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
  }
}

.modal > span {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
}

.modal > b {
  width: 860px;
  display: block;
  position: relative;
  z-index: 3;
  transition: all 0.3s ease;
  transform: translate(-20px, 30px);
}
@media not all and (min-width: 768px) {
  .modal > b {
    width: 100%;
    transform: translate(0, calc(30 / 3.75 * 1vw));
  }
}

.modal > b i {
  position: absolute;
  right: -50px;
  top: 0;
  width: 50px;
  height: 50px;
  background-color: #333;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
@media not all and (min-width: 768px) {
  .modal > b i {
    right: 0;
    top: calc(-45 / 3.75 * 1vw) !important;
    width: calc(45 / 3.75 * 1vw) !important;
    height: calc(45 / 3.75 * 1vw) !important;
  }
}

.modal > b i::before, .modal > b i::after {
  content: '';
  width: 30px;
  height: 2px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -15px;
  position: absolute;
  transition: all 0.15s ease;
}
@media not all and (min-width: 768px) {
  .modal > b i::before, .modal > b i::after {
    width: calc(29 / 3.75 * 1vw) !important;
    height: calc(2 / 3.75 * 1vw) !important;
    margin: calc(-1 / 3.75 * 1vw) 0 0 calc(-15 / 3.75 * 1vw);
  }
}

.modal > b i::before {
  transform: rotate(45deg);
}

.modal > b i::after {
  transform: rotate(-45deg);
}

.modal > b i:hover {
  background-color: #e8343d;
}

.modal > b i:hover::before {
  transform: rotate(-45deg);
}

.modal > b i:hover::after {
  transform: rotate(-135deg);
}

.modal > .cont {
  position: relative;
  z-index: 4;
  width: 860px;
  background-color: #fff;
  max-height: calc(100% - 100px);
  overflow: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-overflow-scrolling: touch;
  transform: scale(1.05);
}
@media not all and (min-width: 768px) {
  .modal > .cont {
    width: 100%;
  }
}

.modal.on:not(.loading) > .cont {
  transform: scale(1);
}

.modal.on:not(.loading) > b {
  transform: translate(0px, 0);
}

.modal > .cont > .cont2 {
  padding: 20px;
}
@media not all and (min-width: 768px) {
  .modal > .cont > .cont2 {
    padding: calc(10 / 3.75 * 1vw);
  }
}

/* 移殖部分 ---------------------------------------- */
/* SP用閉じる */
@media not all and (min-width: 768px) {
  .modal .btn-close-box {
    padding: calc(10 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .modal .btn-close-box .modal-sp-btn-close {
    width: 100%;
    height: calc(40 / 3.75 * 1vw);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(5 / 3.75 * 1vw);
    font-size: calc(15 / 3.75 * 1vw);
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #8F989D url("/assets/img/common/modal_sp_close.png") right calc(20 / 3.75 * 1vw) center/calc(20 / 3.75 * 1vw) auto no-repeat;
  }
}

.modal_cont {
  text-align: left;
  padding: 10px;
  /* modal-6 */
  /* modal9 */
  /* modal-14 */
  /* modal-16 */
  /* modal8 */
  /* moda27 */
  /* moda28 */
  /* moda-29 */
  /* moda30 */
  /* moda-31 */
  /* modal-fonts */
  /* to cart */
  /* modal-ts-price */
  /* モーダルM画像PC（動画あり/なし共通）*/
  /* モーダルM画像SP（動画あり/なし共通）*/
}
@media not all and (min-width: 768px) {
  .modal_cont {
    padding: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont .fnt-red {
  color: #E8343D;
}
.modal_cont .fnt-ul {
  text-decoration: underline;
}
.modal_cont .fnt-bld {
  font-weight: 700;
}
.modal_cont .t1 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: #ddd solid 1px;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 20px;
}
@media not all and (min-width: 768px) {
  .modal_cont .t1 {
    font-size: calc(18 / 3.75 * 1vw);
    padding-bottom: calc(14 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.modal_cont .t1.sec-row-mt {
  margin-top: 40px;
}
@media not all and (min-width: 768px) {
  .modal_cont .t1.sec-row-mt {
    margin-top: calc(40 / 3.75 * 1vw);
  }
}
.modal_cont .t1::before {
  background-color: #333;
  content: '';
  position: absolute;
  width: 20px;
  height: 1px;
  left: 0;
  bottom: -1px;
}
@media not all and (min-width: 768px) {
  .modal_cont .t1::before {
    width: calc(20 / 3.75 * 1vw);
  }
}
.modal_cont p {
  font-size: 13px;
  margin-bottom: 20px;
  line-height: 1.8;
}
@media not all and (min-width: 768px) {
  .modal_cont p {
    margin-bottom: calc(20 / 3.75 * 1vw);
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.modal_cont p.nmb {
  margin-bottom: 0;
}
.modal_cont p.ml2em {
  margin-left: 2em;
}
.modal_cont p:last-child {
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .modal_cont p:last-child {
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont .notic {
  font-size: 12px;
}
@media not all and (min-width: 768px) {
  .modal_cont .notic {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.modal_cont h3 {
  background: #F6F6F6;
  width: 100%;
  height: 44px;
  font-size: 16px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  border-left: 2px solid #DDDDDD;
}
@media not all and (min-width: 768px) {
  .modal_cont h3 {
    min-height: calc(35 / 3.75 * 1vw);
    height: auto;
    font-size: calc(14 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(12 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
    border-left: calc(2 / 3.75 * 1vw) solid #DDDDDD;
    line-height: calc(20 / 3.75 * 1vw);
  }
}
.modal_cont h3.dark {
  background: #8F989D;
  height: 57px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
}
@media not all and (min-width: 768px) {
  .modal_cont h3.dark {
    height: auto;
    padding: calc(12 / 3.75 * 1vw);
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
  }
}
.modal_cont h3.sec-row-mt {
  margin-top: 40px;
}
.modal_cont .bg-g-box {
  background: #F9F9F9;
  padding: 20px;
}
@media not all and (min-width: 768px) {
  .modal_cont .bg-g-box {
    padding: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.8;
}
.modal_cont .g-dot {
  margin: 20px 0;
}
@media not all and (min-width: 768px) {
  .modal_cont .g-dot {
    margin: calc(20 / 3.75 * 1vw) 0;
  }
}
.modal_cont .g-dot li {
  margin: 0 0 10px;
  text-indent: 0;
  padding-left: 12px;
}
@media not all and (min-width: 768px) {
  .modal_cont .g-dot li {
    margin: 0 0 calc(10 / 3.75 * 1vw);
    padding-left: calc(12 / 3.75 * 1vw);
  }
}
.modal_cont .g-dot li span {
  font-weight: 700;
  position: relative;
}
.modal_cont .g-dot li span::before {
  content: "";
  display: block;
  background: #B1B1B1;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 4px;
  left: -12px;
}
@media not all and (min-width: 768px) {
  .modal_cont .g-dot li span::before {
    height: calc(8 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
    top: calc(4 / 3.75 * 1vw);
    left: calc(-12 / 3.75 * 1vw);
  }
}
.modal_cont .img-box {
  margin-bottom: 20px;
}
.modal_cont .qa {
  color: #333333;
}
.modal_cont .qa dt {
  background: url("/assets/img/common/icn_faq_q.png") left top/17px auto no-repeat;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  min-height: 20px;
  margin-top: 30px;
  padding-left: 30px;
}
@media not all and (min-width: 768px) {
  .modal_cont .qa dt {
    background: url("/assets/img/common/icn_faq_q.png") left top/calc(17 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(14 / 3.75 * 1vw);
    min-height: calc(20 / 3.75 * 1vw);
    margin-top: calc(30 / 3.75 * 1vw);
    padding-left: calc(30 / 3.75 * 1vw);
  }
}
.modal_cont .qa dd {
  background: url("/assets/img/common/icn_faq_a.png") left top/17px auto no-repeat;
  border-bottom: 1px solid #DDDDDD;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 16px;
  padding: 0 0 24px 30px;
}
@media not all and (min-width: 768px) {
  .modal_cont .qa dd {
    background: url("/assets/img/common/icn_faq_a.png") left top/calc(17 / 3.75 * 1vw) auto no-repeat;
    border-bottom: 1px solid #DDDDDD;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(21 / 3.75 * 1vw);
    margin-top: calc(16 / 3.75 * 1vw);
    padding: 0 0 calc(24 / 3.75 * 1vw) calc(30 / 3.75 * 1vw);
  }
}
.modal_cont .flx-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.modal_cont .flx-box p {
  width: 340px;
}
.modal_cont .flx-box img {
  width: 380px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-6 .img-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
  .modal_cont.modal-6 .img-box img {
    width: 48%;
  }
}
.modal_cont.modal9 .txt {
  width: auto;
}
.modal_cont.modal9 img {
  width: auto;
}
.modal_cont.modal9 .notice-box {
  border: 1px solid #E6393D;
  padding: 20px;
  margin-bottom: 20px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box {
    padding: calc(10 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .label {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .label {
    font-size: calc(16 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .label img {
  margin-right: 8px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .label img {
    margin-right: calc(8 / 3.75 * 1vw);
    height: calc(19 / 3.75 * 1vw);
    width: calc(19 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .red-dot {
  margin-bottom: 16px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .red-dot {
    margin-bottom: calc(16 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .red-dot li {
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  position: relative;
  padding-left: 12px;
  text-indent: 0;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .red-dot li {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
    padding-left: calc(12 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .red-dot li::before {
  content: "";
  background: #E8343D;
  height: 8px;
  width: 8px;
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 5px;
  left: 0;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .red-dot li::before {
    height: calc(8 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
    top: calc(5 / 3.75 * 1vw);
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .exp {
  text-indent: -2em;
  padding-left: 2em;
  line-height: 19px;
  margin-bottom: 0;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .exp {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box {
    flex-wrap: wrap;
    margin-bottom: calc(15 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box01 {
  width: 125px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box01 {
    width: calc(100 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box01 .ill-box {
  width: 125px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box01 .ill-box {
    width: calc(100 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box02 {
  width: 225px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box02 {
    width: calc(180 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box02 .ill-box {
  width: 108px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box02 .ill-box {
    width: calc(87 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box03 {
  width: 342px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box03 {
    width: 100%;
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box03 .ill-box {
  width: 108px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box.box03 .ill-box {
    width: 31%;
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .title {
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  height: 22px;
  display: flex;
  font-weight: 700;
  background: #F2F2F2;
  text-align: center;
  color: #707070;
  border-radius: 5px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .title {
    font-size: calc(12 / 3.75 * 1vw);
    margin-bottom: calc(15 / 3.75 * 1vw);
    height: calc(20 / 3.75 * 1vw);
    border-radius: calc(5 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .title img {
  margin-right: 5px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .title img {
    width: calc(12 / 3.75 * 1vw);
    height: auto;
    margin-right: calc(5 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  border-radius: 5px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box {
    padding: calc(10 / 3.75 * 1vw) 0;
  }
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box img {
    width: calc(38 / 3.75 * 1vw);
    height: auto;
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #707070;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box .txt {
    font-size: calc(12 / 3.75 * 1vw);
    margin-bottom: calc(9 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box .txt img {
  margin-right: 5px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box .txt img {
    width: calc(12 / 3.75 * 1vw);
    height: auto;
    margin-right: calc(5 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box.boxclr01 {
  border: 1px solid #D2EEF8;
  background: #F3FCFF;
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box.boxclr02 {
  border: 1px solid #F8EED2;
  background: #FFFBF3;
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .flx-box .ill-box.boxclr03 {
  border: 1px solid #F8D2D2;
  background: #FFF3F3;
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .arrow {
  height: 16px;
  margin-bottom: 15px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .arrow {
    margin-bottom: calc(8 / 3.75 * 1vw);
  }
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .arrow img {
    height: calc(14 / 3.75 * 1vw);
    width: auto;
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .deli-fee {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .deli-fee {
    font-size: calc(10 / 3.75 * 1vw);
    margin-bottom: calc(8 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .info-box {
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 225px;
  position: relative;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .info-box {
    height: calc(40 / 3.75 * 1vw);
    width: calc(180 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .info-box p {
  font-size: 12px;
  font-weight: 700;
  color: #707070;
  margin-bottom: 0;
  line-height: 16px;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal9 .notice-box .deli-cont-box .cont-box .info-box p {
    font-size: calc(10 / 3.75 * 1vw);
    line-height: calc(14 / 3.75 * 1vw);
  }
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .info-box p span {
  color: #E6393D;
}
.modal_cont.modal9 .notice-box .deli-cont-box .cont-box .info-box::before {
  content: "";
  background: url("/item_images/products/box-arr01.png") center bottom/contain no-repeat;
  display: block;
  height: 8px;
  width: 14px;
  position: absolute;
  top: -7px;
  right: 63px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-14 .flx-box {
    flex-direction: column;
  }
  .modal_cont.modal-14 .flx-box p {
    width: 100%;
  }
  .modal_cont.modal-14 .flx-box img {
    width: calc(228 / 3.75 * 1vw);
    margin: 0 auto;
  }
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-16 .img-box {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.modal_cont.modal-18 .flx-box {
  width: 730px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-18 .flx-box {
    width: 100%;
    flex-direction: column;
  }
}
.modal_cont.modal-18 .flx-box .cont-box {
  width: 350px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-18 .flx-box .cont-box {
    width: 100%;
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-18 .flx-box .cont-box .img-box {
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-18 .flx-box p {
    width: 100%;
  }
}
.modal_cont.modal-18 .info-txt {
  margin: 10px 0 30px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-18 .info-txt {
    margin: 0 0 calc(20 / 3.75 * 1vw);
  }
}
.modal_cont.modal-27 h3 .fs-s {
  font-size: 13px;
  margin-left: 8px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-27 h3 .fs-s {
    font-size: calc(13 / 3.75 * 1vw);
    margin-left: calc(8 / 3.75 * 1vw);
  }
}
.modal_cont.modal-27 .flx-box {
  width: 100%;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-27 .flx-box {
    flex-direction: column;
  }
}
.modal_cont.modal-27 .flx-box .txt-box {
  flex: 1;
}
.modal_cont.modal-27 .flx-box .txt-box p {
  width: 100%;
}
.modal_cont.modal-27 .flx-box .img-box {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 0 30px;
  margin: 0;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-27 .flx-box .img-box {
    flex-direction: row;
    justify-content: space-between;
    row-gap: 0;
    padding: 0;
  }
}
.modal_cont.modal-27 .flx-box .img-box img {
  width: 188px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-27 .flx-box .img-box img {
    width: calc(150 / 3.75 * 1vw);
  }
}
.modal_cont.modal-27 .info-txt {
  margin: 10px 0 30px;
}
.modal_cont.modal-28 .flx-box {
  margin-bottom: 30px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-28 .flx-box {
    margin-bottom: calc(30 / 3.75 * 1vw);
  }
  .modal_cont.modal-28 .flx-box .img-box {
    text-align: center;
  }
  .modal_cont.modal-28 .flx-box .img-box img {
    width: 260px;
  }
}
.modal_cont.modal-28 .flx-box .txt-box {
  flex: 1;
}
.modal_cont.modal-28 .flx-box .txt-box .txt-title {
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-28 .flx-box .txt-box .txt-title {
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont.modal-28 .flx-box .txt-box dl {
  display: flex;
  padding-bottom: 5px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-28 .flx-box .txt-box dl {
    padding-bottom: calc(5 / 3.75 * 1vw);
  }
}
.modal_cont.modal-28 .flx-box .txt-box dl dt {
  align-items: center;
  display: flex;
  padding: 0 10px;
  background: #EEEEEE;
  height: 25px;
  width: 132px;
  font-size: 13px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-28 .flx-box .txt-box dl dt {
    padding: 0 calc(10 / 3.75 * 1vw);
    height: calc(25 / 3.75 * 1vw);
    width: calc(122 / 3.75 * 1vw);
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.modal_cont.modal-28 .flx-box .txt-box dl dd {
  align-items: center;
  display: flex;
  padding: 0 10px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-28 .flx-box .txt-box dl dd {
    font-size: calc(13 / 3.75 * 1vw);
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.modal_cont.modal-28 .flx-box .txt-box .notice {
  margin: 15px 0 0;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-28 .flx-box .txt-box .notice {
    margin: calc(15 / 3.75 * 1vw) 0 0;
  }
}
.modal_cont.modal-28 .flx-box.lower {
  justify-content: flex-start;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-28 .flx-box.lower {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.modal_cont.modal-28 .flx-box.lower img {
  margin-right: 5px;
  width: 250px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-28 .flx-box.lower img {
    margin-right: calc(5 / 3.75 * 1vw);
    width: calc(250 / 3.75 * 1vw);
  }
}
.modal_cont.modal-29 .ex {
  background: url("/assets/img/common/ic_ex.png") left center no-repeat;
  font-size: 14px;
  font-weight: 700;
  padding-left: 30px;
  display: flex;
  align-items: center;
  height: 25px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .ex {
    background: url("/assets/img/common/ic_ex.png") left center/calc(20 / 3.75 * 1vw) auto no-repeat;
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    padding-left: calc(30 / 3.75 * 1vw);
  }
}
.modal_cont.modal-29 .flx-box {
  margin-bottom: 30px;
  flex-wrap: wrap;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box {
    flex-direction: column;
    margin-bottom: calc(30 / 3.75 * 1vw);
  }
}
.modal_cont.modal-29 .flx-box .cont-box {
  border: 1px solid #DDDDDD;
  padding: 5px;
  width: 23.75%;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box {
    display: block;
    padding: calc(5 / 3.75 * 1vw);
    margin-bottom: calc(10 / 3.75 * 1vw);
    width: 100%;
  }
}
.modal_cont.modal-29 .flx-box .cont-box h4 {
  align-items: center;
  display: flex;
  height: 50px;
  border-bottom: 1px solid #DDDDDD;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  padding-left: 10px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box h4 {
    height: calc(50 / 3.75 * 1vw);
    font-size: calc(17 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    padding-left: calc(10 / 3.75 * 1vw);
    margin-bottom: calc(10 / 3.75 * 1vw);
    width: 100%;
  }
}
.modal_cont.modal-29 .flx-box .cont-box h4 img {
  height: 18px;
  margin-right: 15px;
  width: auto;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box h4 img {
    height: calc(18 / 3.75 * 1vw);
    margin-right: calc(10 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box .img-box {
    float: left;
    width: calc(91 / 3.75 * 1vw);
    margin-right: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont.modal-29 .flx-box .cont-box p {
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
  padding: 0 5px;
  width: auto;
  margin: 0 0 5px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box p {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    padding: 0 calc(5 / 3.75 * 1vw);
    margin: 0 0 calc(5 / 3.75 * 1vw);
    width: auto;
  }
}
.modal_cont.modal-29 .flx-box .cont-box p.notice {
  font-weight: 500;
  font-size: 12px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box p.notice {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.modal_cont.modal-29 .flx-box .cont-box ul {
  padding: 0 5px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box ul {
    padding: 0 calc(5 / 3.75 * 1vw);
    width: auto;
  }
}
.modal_cont.modal-29 .flx-box .cont-box ul li {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  text-indent: 0;
  padding-left: 0;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box ul li {
    font-size: calc(13 / 3.75 * 1vw);
  }
}
.modal_cont.modal-29 .flx-box .cont-box ul li::before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #E6393D;
  margin-right: 3px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box .cont-box ul li::before {
    height: calc(8 / 3.75 * 1vw);
    width: calc(8 / 3.75 * 1vw);
    margin-right: calc(3 / 3.75 * 1vw);
  }
}
.modal_cont.modal-29 .flx-box::after {
  content: "";
  display: block;
  width: 23.75%;
  height: 0;
  visibility: hidden;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-29 .flx-box::after {
    content: none;
  }
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-30 .flx-box {
    flex-direction: column;
  }
}
.modal_cont.modal-30 .flx-box p {
  width: auto;
  flex: 1;
  padding-right: 30px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-30 .flx-box p {
    width: 100%;
    padding-right: 0;
  }
}
.modal_cont.modal-30 .flx-box .img-box {
  border: 1px solid #EEEEEE;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 137px;
  width: 182px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-30 .flx-box .img-box {
    margin: 0 auto;
    height: calc(137 / 3.75 * 1vw);
    width: calc(182 / 3.75 * 1vw);
  }
}
.modal_cont.modal-30 .flx-box .img-box img {
  width: 142px;
  height: auto;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-30 .flx-box .img-box img {
    width: calc(142 / 3.75 * 1vw);
  }
}
.modal_cont.modal-31 .flx-box {
  margin-bottom: 10px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-31 .flx-box {
    margin-bottom: calc(10 / 3.75 * 1vw);
    flex-direction: column;
    row-gap: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont.modal-31 .flx-box .cont-box {
  border: 1px solid #EEEEEE;
  width: 380px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-31 .flx-box .cont-box {
    width: 100%;
  }
}
.modal_cont.modal-31 .flx-box .cont-box h4 {
  background: #918D8E;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 35px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-31 .flx-box .cont-box h4 {
    font-size: calc(20 / 3.75 * 1vw);
    height: calc(35 / 3.75 * 1vw);
  }
}
.modal_cont.modal-31 .flx-box .cont-box .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 240px;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-31 .flx-box .cont-box .img-box {
    height: calc(228 / 3.75 * 1vw);
  }
}
.modal_cont.modal-31 .flx-box .cont-box .img-box img {
  height: auto;
  width: 272px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-31 .flx-box .cont-box .img-box img {
    width: calc(225 / 3.75 * 1vw);
  }
}
.modal_cont.modal-31 .mt {
  margin-top: 30px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-31 .mt {
    margin-top: calc(30 / 3.75 * 1vw);
  }
}
.modal_cont.modal-fonts .flx-box {
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 5px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-fonts .flx-box {
    justify-content: space-between;
    column-gap: 0;
    row-gap: calc(5 / 3.75 * 1vw);
  }
}
.modal_cont.modal-fonts .flx-box .cont-box {
  margin-bottom: 20px;
  width: 27.5%;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-fonts .flx-box .cont-box {
    margin-bottom: calc(20 / 3.75 * 1vw);
    width: calc(150 / 3.75 * 1vw);
  }
}
.modal_cont.modal-fonts .flx-box .cont-box label .img-box {
  border: 1px solid #707070;
  padding: 3px;
  margin: 0;
}
.modal_cont.modal-fonts .flx-box .cont-box label span {
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  line-height: 20px;
  justify-content: center;
  margin-top: 10px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-fonts .flx-box .cont-box label span {
    font-size: calc(13 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    margin-top: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont.modal-fonts .flx-box .cont-box:hover label {
  cursor: pointer;
}
.modal_cont.modal-fonts .flx-box .cont-box:hover label .img-box {
  border: 1px solid #0A90BE;
}
.modal_cont.modal-fonts .flx-box .cont-box:hover label span {
  color: #0A90BE;
}
.modal_cont.modal-fonts .flx-box .cont-box input {
  display: none;
}
.modal_cont.modal-fonts .flx-box .cont-box input:checked + label .img-box {
  border: 4px solid #0A90BE;
  padding: 0;
}
.modal_cont.modal-fonts .flx-box .cont-box input:checked + label span {
  color: #0A90BE;
}
.modal_cont .order-btn-box .info-txt {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
@media not all and (min-width: 768px) {
  .modal_cont .order-btn-box .info-txt {
    font-size: calc(18 / 3.75 * 1vw);
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
}
.modal_cont .order-btn-box .btn-box {
  display: flex;
  justify-content: center;
  column-gap: 30px;
  padding: 10px 0;
}
@media not all and (min-width: 768px) {
  .modal_cont .order-btn-box .btn-box {
    flex-direction: column-reverse;
    column-gap: normal;
    row-gap: calc(15 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont .order-btn-box .btn-box .mdr-btn {
  width: 330px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  transition: .15s ease;
}
@media not all and (min-width: 768px) {
  .modal_cont .order-btn-box .btn-box .mdr-btn {
    width: calc(300 / 3.75 * 1vw);
    height: calc(60 / 3.75 * 1vw);
    border-radius: calc(5 / 3.75 * 1vw);
    font-size: calc(18 / 3.75 * 1vw);
  }
}
.modal_cont .order-btn-box .btn-box .mdr-btn.btn-close {
  background: #8F989D url("/assets/img/common/ic_arr_nuki_back.png") left 20px center/20px auto no-repeat;
  box-shadow: 0 2px 0 #707476;
}
@media not all and (min-width: 768px) {
  .modal_cont .order-btn-box .btn-box .mdr-btn.btn-close {
    background: #8F989D url("/assets/img/common/ic_arr_nuki_back.png") left calc(20 / 3.75 * 1vw) center/calc(20 / 3.75 * 1vw) auto no-repeat;
  }
}
.modal_cont .order-btn-box .btn-box .mdr-btn.to-cart {
  background: #E8343D url("/assets/img/common/ic_arr_nuki.png") right 20px center/20px auto no-repeat;
  box-shadow: 0 2px 0 #BD0009;
}
@media not all and (min-width: 768px) {
  .modal_cont .order-btn-box .btn-box .mdr-btn.to-cart {
    background: #E8343D url("/assets/img/common/ic_arr_nuki.png") right calc(20 / 3.75 * 1vw) center/calc(20 / 3.75 * 1vw) auto no-repeat;
  }
}
.modal_cont .order-btn-box .btn-box .mdr-btn:hover {
  opacity: .7;
  cursor: pointer;
}
.modal_cont.modal-pricelist .ts-price h3.oth-desi {
  margin: 0 auto;
  text-align: center;
  height: 40px;
  width: 100%;
  background: #ECECEC;
  border: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price h3.oth-desi {
    height: auto;
    min-height: calc(40 / 3.75 * 1vw);
    font-size: calc(14 / 3.75 * 1vw);
    line-height: calc(20 / 3.75 * 1vw);
    border-top-left-radius: calc(5 / 3.75 * 1vw);
    border-top-right-radius: calc(5 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw);
    margin-bottom: 0;
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist {
  margin-top: 40px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist {
    margin-top: calc(20 / 3.75 * 1vw);
    border-bottom: 1px solid #CCCCCC;
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .size-title {
  display: flex;
  border-bottom: 1px solid #CCCCCC;
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .size-title dt {
  flex: 1;
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .size-title dd {
  width: 67px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 16px;
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box {
  display: flex;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box {
    flex-wrap: wrap;
    border-top: 1px solid #CCCCCC;
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .color-info {
  flex: 1;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 5px;
  height: 50px;
  font-weight: 700;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .color-info {
    justify-content: flex-start;
    width: 100%;
    background: url("/assets/img/common/modal_plus.png") right calc(10 / 3.75 * 1vw) center/calc(9 / 3.75 * 1vw) auto no-repeat;
    border-bottom: none;
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .color-info .clr-val {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #DDDDDD;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .color-info .clr-val {
    width: calc(30 / 3.75 * 1vw);
    height: calc(30 / 3.75 * 1vw);
    margin-right: calc(10 / 3.75 * 1vw);
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .color-info .clr-name {
  line-height: 1.5;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .color-info .clr-name {
    font-size: calc(13 / 3.75 * 1vw);
    width: calc(80 / 3.75 * 1vw);
  }
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .color-info.on {
    background: url("/assets/img/common/modal_minus.png") right calc(10 / 3.75 * 1vw) center/calc(9 / 3.75 * 1vw) auto no-repeat;
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box {
  display: flex;
  height: 100%;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box {
    flex-wrap: wrap;
    border-right: 1px solid #CCCCCC;
    overflow: hidden;
    max-height: 0;
    transition: .2s ease;
  }
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box.open {
    display: flex;
    max-height: calc(150 / 3.75 * 1vw);
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box dl {
  width: 67px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box dl {
    width: 20%;
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box dl dt {
  display: none;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box dl dt {
    background: #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(25 / 3.75 * 1vw);
  }
}
.modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  height: 50px;
}
@media not all and (min-width: 768px) {
  .modal_cont.modal-pricelist .ts-price .t-pricelist .color-price-box .price-box dl dd {
    border-bottom: none;
    font-size: calc(13 / 3.75 * 1vw);
    font-weight: 500;
    height: calc(40 / 3.75 * 1vw);
  }
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap {
  background: #FFFFFF;
  display: block;
  height: auto;
  width: 100%;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap iframe, .modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap video {
  display: none;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner {
  display: flex;
  justify-content: space-between;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .img-wrap {
  align-items: center;
  display: flex;
  width: 513px;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .img-wrap img {
  width: 100%;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .img-wrap video {
  width: 100%;
  height: auto;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .img-wrap iframe {
  width: 100%;
  height: 289px;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .prd-thmb-wrap {
  padding-left: 30px;
  flex: 1;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .prd-thmb-wrap #subImg {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 12px;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .prd-thmb-wrap #subImg li {
  border: 1px solid #EEEEEE;
  width: 55px;
  height: 62px;
  position: relative;
  text-indent: 0;
  padding: 0;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .prd-thmb-wrap #subImg li img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .prd-thmb-wrap #subImg li:hover {
  cursor: pointer;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .prd-thmb-wrap #subImg li.current::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid #E6393D;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.modal_cont.modal-zoom-pc .modal-prd-flow-img-wrap .inner .prd-thmb-wrap #subImg li.pad {
  border: none;
  height: 0;
  visibility: hidden;
}
.modal_cont.modal-zoom-sp .modal-sp-slide-main-wrap {
  display: none;
  width: 100%;
}
.modal_cont.modal-zoom-sp .modal-sp-slide-main-wrap .slide {
  width: calc(315 / 3.75 * 1vw);
  height: calc(360 / 3.75 * 1vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_cont.modal-zoom-sp .modal-sp-slide-main-wrap .slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.modal_cont.modal-zoom-sp .modal-sp-slide-main-wrap .slide video {
  width: 100%;
}
.modal_cont.modal-zoom-sp .modal-sp-slide-main-wrap .slide iframe {
  width: calc(315 / 3.75 * 1vw);
  height: calc(177 / 3.75 * 1vw);
}
.modal_cont.modal-zoom-sp .modal-sp-slide-main-wrap .btn-back-box {
  margin: calc(20 / 3.75 * 1vw) 0 0;
  padding: 0 calc(10 / 3.75 * 1vw);
}
.modal_cont.modal-zoom-sp .modal-sp-slide-main-wrap .btn-back-box .modal-sp-btn-back {
  width: 100%;
  height: calc(40 / 3.75 * 1vw);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(5 / 3.75 * 1vw);
  font-size: calc(15 / 3.75 * 1vw);
  font-weight: 700;
  text-align: center;
  color: #fff;
  background: #8F989D url("/assets/img/common/modal_icn_back.png") left calc(20 / 3.75 * 1vw) center/calc(8 / 3.75 * 1vw) auto no-repeat;
}
.modal_cont.modal-zoom-sp .modal-main-arr {
  display: block;
  position: absolute;
  width: calc(30 / 3.75 * 1vw);
  z-index: 1;
  top: calc( 50% - calc(25 / 3.75 * 1vw));
  height: calc(50 / 3.75 * 1vw);
}
.modal_cont.modal-zoom-sp .modal-main-arr.prev {
  background: url("/assets/img/common/cm_slide_arr.png") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  left: 0;
}
.modal_cont.modal-zoom-sp .modal-main-arr.next {
  background: url("/assets/img/common/cm_slide_arr.png") center center/calc(30 / 3.75 * 1vw) auto no-repeat;
  right: 0;
  transform: rotate(180deg);
}
.modal_cont.modal-zoom-sp .slick-slide:not([tabindex="0"]) {
  opacity: 1;
}
.modal_cont.modal-zoom-sp .modal-thmb-slide {
  margin-bottom: calc(20 / 3.75 * 1vw);
}
.modal_cont.modal-zoom-sp .modal-thmb-slide .slick-track {
  transform: unset !important;
  width: 100% !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: calc(10 / 3.75 * 1vw);
  row-gap: calc(10 / 3.75 * 1vw);
}
.modal_cont.modal-zoom-sp .modal-thmb-slide .slick-track::before, .modal_cont.modal-zoom-sp .modal-thmb-slide .slick-track::after {
  content: none;
}
.modal_cont.modal-zoom-sp .modal-thmb-slide .slick-slide {
  display: block !important;
  float: none !important;
  height: calc(81 / 3.75 * 1vw);
  width: calc(71 / 3.75 * 1vw) !important;
}
.modal_cont.modal-zoom-sp .modal-thmb-slide .slick-slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.modal_cont.modal-zoom-sp .modal-thmb-slide .slick-current {
  position: relative;
}
.modal_cont.modal-zoom-sp .modal-thmb-slide .slick-current::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 3px solid #E6393D;
  box-sizing: border-box;
}

/* モーダルまとめ用WRAP */
.modal-master-wrap {
  padding: 20px;
  width: 860px;
  margin: 0 auto;
}
@media not all and (min-width: 768px) {
  .modal-master-wrap {
    padding: calc(10 / 3.75 * 1vw) 0;
    width: 100%;
  }
}
.modal-master-wrap .modal {
  position: static;
}
.modal-master-wrap .modal-master-mb {
  margin-bottom: 20px;
}

/* /モーダルまとめ用WRAP */
/* M画像拡大用
-------------------------------------------------------------------*/
.modal_yt iframe {
  width: 720px;
  height: 405px;
  border: none;
  vertical-align: top;
}
@media not all and (min-width: 768px) {
  .modal_yt iframe {
    width: 100%;
    height: calc((100vw - calc(20 / 3.75 * 1vw)) * .5625 );
  }
}

/* ポップアップ・埋め込みモーダル

-------------------------------------------------------------------*/
.pop-up-cont {
  max-width: 1000px;
  width: 100%;
  padding: 20px 30px;
  /* SPのみ用 */
}
@media not all and (min-width: 768px) {
  .pop-up-cont {
    padding: 0 calc(10 / 3.75 * 1vw);
  }
}
.pop-up-cont .title {
  background: #ECECEC;
  width: 100%;
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  justify-content: center;
}
.pop-up-cont .title02 {
  background: #ECECEC;
  width: 100%;
  display: flex;
  align-items: center;
  height: 67px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px;
  justify-content: center;
}
@media not all and (min-width: 768px) {
  .pop-up-cont .title02 {
    background: none;
    margin-bottom: 0;
  }
}
.pop-up-cont .notice02 {
  font-size: 13px;
  font-weight: 700;
  line-height: 25px;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 699.99px) {
  .pop-up-cont .notice02 {
    font-size: calc(13 / 3.75 * 1vw);
    font-weight: 500;
    text-align: left;
  }
}
.pop-up-cont .notice02 span {
  color: #E8343D;
}
.pop-up-cont .form-wrap .form-box {
  display: flex;
  border: 1px solid #DDDDDD;
  width: 100%;
  margin-bottom: 35px;
}
@media screen and (max-width: 699.99px) {
  .pop-up-cont .form-wrap .form-box {
    display: block;
    border: none;
  }
}
.pop-up-cont .form-wrap .form-box .title-box {
  background: #f9f9f9;
  width: 200px;
  display: flex;
  align-items: center;
  padding: 20px;
  border-right: 1px solid #DDDDDD;
  font-size: 13px;
  font-weight: 700;
}
@media screen and (max-width: 699.99px) {
  .pop-up-cont .form-wrap .form-box .title-box {
    background: none;
    padding: 0;
    border: none;
    color: #666666;
    font-size: calc(16 / 3.75 * 1vw);
  }
}
.pop-up-cont .form-wrap .form-box .input-box {
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 699.99px) {
  .pop-up-cont .form-wrap .form-box .input-box {
    padding: 0;
    row-gap: calc(10 / 3.75 * 1vw);
    margin-top: calc(10 / 3.75 * 1vw);
  }
}
.pop-up-cont .form-wrap .form-box .input-box label {
  display: flex;
  align-items: center;
}
.pop-up-cont .form-wrap .form-box .input-box label span {
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
}
@media screen and (max-width: 699.99px) {
  .pop-up-cont .form-wrap .form-box .input-box label span {
    font-size: calc(14 / 3.75 * 1vw);
    margin-left: calc(16 / 3.75 * 1vw);
  }
}
.pop-up-cont .form-wrap .form-box .input-box label input {
  padding: 10px;
  border: 1px solid #ffd79e;
  box-shadow: inset 1px 1px #ffd79e, inset -1px -1px #ffd79e, inset 1px -1px #ffd79e, inset -1px 1px #ffd79e;
  background-color: #fff;
  height: 50px;
  width: 400px;
  border-radius: 3px;
}
@media screen and (max-width: 699.99px) {
  .pop-up-cont .form-wrap .form-box .input-box label input {
    height: calc(50 / 3.75 * 1vw);
    width: calc(316 / 3.75 * 1vw);
  }
}
.pop-up-cont .form-wrap .btn-box .to-cart-btn {
  width: 330px;
}
@media screen and (max-width: 699.99px) {
  .pop-up-cont .form-wrap .btn-box .to-cart-btn {
    width: calc(330 / 3.75 * 1vw);
  }
}
.pop-up-cont .form-wrap .btn-box .to-cart-btn:hover {
  opacity: .7;
  cursor: pointer;
}
.pop-up-cont .notice-box {
  border: 1px solid #DDDDDD;
  padding: 12px 15px;
  margin: 0 5px 20px;
}
.pop-up-cont .notice-box .alert {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}
.pop-up-cont .notice-box .alert img {
  margin-right: 8px;
}
.pop-up-cont .notice-box ul li {
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
}
.pop-up-cont .notice-box ul li::before {
  content: "※";
  color: #E6393D;
}
.pop-up-cont .cont-box {
  padding: 0 5px;
}
.pop-up-cont .cont-box table {
  width: 100%;
}
.pop-up-cont .cont-box table th, .pop-up-cont .cont-box table td {
  border: 1px solid #DDDDDD;
  font-size: 14px;
  padding: 5px 10px;
  text-align: left;
  vertical-align: top;
  font-weight: 700;
}
.pop-up-cont .cont-box table th.fw-m, .pop-up-cont .cont-box table td.fw-m {
  font-weight: 500;
}
.pop-up-cont .cont-box table .color {
  height: 30px;
  width: 30px;
  display: inline-block;
  border: 1px solid #DDDDDD;
  margin-bottom: 10px;
  vertical-align: top;
  margin-right: 10px;
}
.pop-up-cont .cont-box table.type01 th, .pop-up-cont .cont-box table.type01 td {
  width: calc(100% / 3);
}
.pop-up-cont .cont-box table.type02 th {
  vertical-align: middle;
  width: calc(100% / 3 * 2);
}
.pop-up-cont .cont-box table.type02 th .color {
  margin: 5px 10px 5px 0;
  vertical-align: middle;
}
.pop-up-cont .cont-box table.type02 td {
  width: calc(100% / 3);
}
.pop-up-cont .cont-box table.type03 th, .pop-up-cont .cont-box table.type03 td {
  border: none;
}
.pop-up-cont .cont-box table.type03 .t-color, .pop-up-cont .cont-box table.type03 td {
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.pop-up-cont .cont-box table.type03:first-child .t-color, .pop-up-cont .cont-box table.type03:first-child td {
  border-top: 1px solid #DDDDDD;
}
.pop-up-cont .cont-box table.type03 td:first-child {
  width: 160px;
}
.pop-up-cont .cont-box table.type03 .t-img {
  text-align: left;
  padding: 0;
  width: 155px;
}
.pop-up-cont .cont-box table.type03 .t-img img {
  border: 1px solid #DDDDDD;
  width: 145px;
}
.pop-up-cont .cont-box table.type03 .t-color {
  width: 162px;
}
.pop-up-cont .cont-box.sample h3 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 10px 0;
}
.pop-up-cont .cont-box.sample .inner {
  background: #F6F6F6;
  border-top: 5px solid #707070;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}
.pop-up-cont .cont-box.sample .inner .plus-btn .select-btn {
  align-items: center;
  background: #F3FCFF url("/assets/img/common/icn_btn_plus.svg") left 20px center/18px auto no-repeat;
  border: 1px solid #C1EDFB;
  border-radius: 6px;
  color: #28A3CD;
  display: flex;
  font-weight: 700;
  height: 46px;
  justify-content: center;
  transition: .2s ease;
  margin: 15px auto 0;
  width: 300px;
  transition: .15s ease;
}
.pop-up-cont .cont-box.sample .inner .plus-btn .select-btn:hover {
  cursor: pointer;
  border: 1px solid #28A3CD !important;
  opacity: .7;
}
.pop-up-cont .cont-box.sample .color-count-box {
  background: #fff;
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
.pop-up-cont .cont-box.sample .color-count-box:nth-child(1) {
  border-top: 1px solid #DDDDDD;
}
.pop-up-cont .cont-box.sample .color-count-box .color-info {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #DDDDDD;
  padding: 10px;
  width: 150px;
}
.pop-up-cont .cont-box.sample .color-count-box .color-info.txt-only {
  padding: 25px 10px 10px;
}
.pop-up-cont .cont-box.sample .color-count-box .color-info .color {
  height: 30px;
  width: 30px;
  display: block;
  border: 1px solid #DDDDDD;
  margin-bottom: 10px;
}
.pop-up-cont .cont-box.sample .color-count-box .color-info .color-name {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
}
.pop-up-cont .cont-box.sample .color-count-box .color-info .btn-del {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 60px;
  font-size: 12px;
  border-radius: 5px;
  border: #dfdfdf solid 1px;
  margin: auto 0 0 auto;
  transition: .15s ease;
}
.pop-up-cont .cont-box.sample .color-count-box .color-info .btn-del img {
  margin-right: 6px;
}
.pop-up-cont .cont-box.sample .color-count-box .color-info .btn-del:hover {
  border: #E8373D solid 1px;
}
.pop-up-cont .cont-box.sample .color-count-box .size-count {
  flex: 1;
  padding: 25px 20px 25px 10px;
  display: flex;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.pop-up-cont .cont-box.sample .color-count-box .size-count.type02 {
  padding: 15px 20px 25px 10px;
}
.pop-up-cont .cont-box.sample .color-count-box .size-count .size {
  display: flex;
  align-items: center;
  width: 180px;
}
.pop-up-cont .cont-box.sample .color-count-box .size-count .size p {
  font-size: 13px;
  font-weight: 700;
  text-align: right;
  width: 100px;
}
.pop-up-cont .cont-box.sample .color-count-box .size-count .size input {
  width: 50px;
  height: 30px;
  border: 1px solid #28A3CD;
  background: #F3FCFF;
  border-radius: 2px;
  margin: 0 10px;
  text-align: right;
  padding: 0 3px;
}
.pop-up-cont .cont-box.sample .color-count-box .size-count .size input:hover {
  cursor: pointer;
  border: 1px solid #28A3CD !important;
}
.pop-up-cont .cont-box.sample .color-count-box .size-count .size input:placeholder-shown {
  background: #fff;
  border: 1px solid #DDDDDD;
}
.pop-up-cont .cont-box.sample .color-select {
  display: flex;
  column-gap: 50px;
  flex-wrap: wrap;
  row-gap: 14px;
}
.pop-up-cont .cont-box.sample .color-select .clr-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 220px;
  transition: .15s ease;
}
.pop-up-cont .cont-box.sample .color-select .clr-box .color {
  height: 30px;
  width: 30px;
  display: block;
  border: 1px solid #DDDDDD;
}
.pop-up-cont .cont-box.sample .color-select .clr-box input {
  width: 50px;
  height: 30px;
  border: 1px solid #28A3CD;
  background: #F3FCFF;
  border-radius: 2px;
  margin: 0 0 0 auto;
  text-align: right;
}
.pop-up-cont .cont-box.sample .color-select .clr-box input:hover {
  cursor: pointer;
  border: 1px solid #28A3CD !important;
}
.pop-up-cont .cont-box.sample .color-select .clr-box input:placeholder-shown {
  background: #fff;
  border: 1px solid #DDDDDD;
}
.pop-up-cont .cont-box.sample .color-select .clr-box p {
  flex: 1;
  text-align: right;
  padding: 0 10px 0;
  font-weight: 700;
  line-height: 17px;
}
.pop-up-cont .cont-box.sample .color-select .clr-box p.non-color {
  padding: 0 10px 0 0;
  text-align: left;
}
.pop-up-cont .cont-box.sample .color-select .clr-box .fs-s {
  padding-left: 5px;
}
.pop-up-cont .cont-box.color-val .inner {
  margin: 20px 0;
  padding: 0 5px;
}
.pop-up-cont .cont-box.color-val .inner .color-info {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
  width: 100%;
}
.pop-up-cont .cont-box.color-val .inner .clr-box {
  height: 50px;
  width: 198px;
  display: flex;
  align-items: center;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 0 10px;
  transition: .15s ease;
}
.pop-up-cont .cont-box.color-val .inner .clr-box .color {
  height: 30px;
  width: 30px;
  border: 1px solid #DDDDDD;
  margin-right: 10px;
}
.pop-up-cont .cont-box.color-val .inner .clr-box p {
  flex: 1;
  font-size: 14px;
  font-weight: 700;
}
.pop-up-cont .cont-box.color-val .inner .clr-box:hover {
  cursor: pointer;
  color: #28A3CD;
  border: 1px solid #28A3CD !important;
}
.pop-up-cont .cont-box.color-val .inner .clr-box.sold-out {
  pointer-events: none;
  background: #EEEEEE;
}
.pop-up-cont .cont-box.color-val .inner .clr-box.sold-out p {
  color: rgba(51, 51, 51, 0.5);
}
.pop-up-cont .cont-box.color-val .inner .clr-box.sold-out:hover {
  background: #EEEEEE;
  border: 1px solid #CCCCCC !important;
}
.pop-up-cont .cont-box.color-val .inner .clr-box.sold-out:hover p {
  color: rgba(51, 51, 51, 0.5);
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info {
  display: flex;
  flex-wrap: wrap;
  column-gap: 14px;
  row-gap: 10px;
  margin-bottom: 30px;
  width: 100%;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box label {
  display: flex;
  flex-direction: column;
  width: 140px;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box label .img-box {
  height: 158px;
  border: 1px solid #DDDDDD;
  position: relative;
  padding: 1px;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box label .img-box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box label .name {
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box label:hover {
  cursor: pointer;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box label:hover .img-box {
  border: 1px solid #28A3CD;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box input:checked + label .img-box {
  border: 2px solid #28A3CD;
  padding: 0;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box.sold-out {
  pointer-events: none;
}
.pop-up-cont .cont-box.color-val .inner .color-ts-info .ts-box.sold-out .img-box::after {
  content: "";
  display: block;
  background: url("/item_images/products/so_mask.png") center center/100% 100% no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pop-up-cont .btn-box {
  display: flex;
  justify-content: center;
  column-gap: 30px;
  margin-top: 15px;
}
.pop-up-cont .btn-box .close-btn {
  width: 282px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8F989D;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 5px;
  transition: .15s ease;
}
.pop-up-cont .btn-box .close-btn:hover {
  opacity: .7;
}
.pop-up-cont .btn-box .close-btn.type02 {
  height: 60px;
  box-shadow: 0px 2px 0px #707476;
}
.pop-up-cont .btn-box .to-cart-btn {
  width: 282px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E6393D;
  border: 1px solid #E6393D;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  border-radius: 5px;
  box-shadow: 0px 2px 0px #BD0009;
  transition: .15s ease;
}
.pop-up-cont .btn-box .to-cart-btn:hover {
  cursor: pointer;
  opacity: .7;
}
@media not all and (min-width: 768px) {
  .pop-up-cont.sp-only.type01 {
    padding: calc(10 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(90 / 3.75 * 1vw);
  }
  .pop-up-cont.sp-only.type01 .title {
    padding: calc(15 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
    font-size: calc(17 / 3.75 * 1vw);
    line-height: calc(23 / 3.75 * 1vw);
    height: auto;
    margin-bottom: calc(20 / 3.75 * 1vw);
  }
  .pop-up-cont.sp-only.type01 .notice-box {
    border: 1px solid #E6393D;
    padding: calc(10 / 3.75 * 1vw) calc(15 / 3.75 * 1vw);
    margin: 0 0 calc(20 / 3.75 * 1vw);
  }
  .pop-up-cont.sp-only.type01 .notice-box .alert {
    align-items: center;
    display: flex;
    font-size: calc(13 / 3.75 * 1vw);
    margin-bottom: calc(8 / 3.75 * 1vw);
  }
  .pop-up-cont.sp-only.type01 .notice-box .alert img {
    margin-right: calc(8 / 3.75 * 1vw);
  }
  .pop-up-cont.sp-only.type01 .notice-box ul {
    display: flex;
    flex-direction: column;
    row-gap: calc(3 / 3.75 * 1vw);
  }
  .pop-up-cont.sp-only.type01 .notice-box ul li {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
    padding-left: 1em;
    text-indent: -1em;
  }
  .pop-up-cont.sp-only.type01 .cont-box {
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
  }
  .pop-up-cont.sp-only.type01 .cont-box table {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
  }
  .pop-up-cont.sp-only.type01 .cont-box table th, .pop-up-cont.sp-only.type01 .cont-box table td {
    border: 1px solid #DDDDDD;
    font-size: calc(14 / 3.75 * 1vw);
    padding: calc(5 / 3.75 * 1vw) calc(10 / 3.75 * 1vw);
    text-align: left;
    vertical-align: top;
    font-weight: 700;
    width: calc(100% / 3);
  }
  .pop-up-cont.sp-only.type01 .cont-box table th.fw-m, .pop-up-cont.sp-only.type01 .cont-box table td.fw-m {
    font-weight: 500;
  }
  .pop-up-cont.sp-only.type01 .cont-box table.type03 th, .pop-up-cont.sp-only.type01 .cont-box table.type03 td {
    border: none;
  }
  .pop-up-cont.sp-only.type01 .cont-box table.type03 td {
    border-top: 1px solid #DDDDDD;
    border-left: 1px dotted #DDDDDD;
  }
  .pop-up-cont.sp-only.type01 .cont-box table.type03 .t-img {
    text-align: left;
  }
  .pop-up-cont.sp-only.type01 .cont-box table.type03 .t-img img {
    border: none;
    width: 100%;
  }
  .pop-up-cont.sp-only.type01 .cont-box table.type03 .t-img p {
    font-size: calc(14 / 3.75 * 1vw);
    letter-spacing: -.03em;
  }
  .pop-up-cont.sp-only.type01 .btn-box {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: calc(10 / 3.75 * 1vw) 0;
  }
  .pop-up-cont.sp-only.type01 .btn-box .close-btn {
    width: calc(282 / 3.75 * 1vw);
    height: calc(50 / 3.75 * 1vw);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8F989D;
    color: #fff;
    font-weight: 700;
    font-size: calc(14 / 3.75 * 1vw);
    border-radius: calc(5 / 3.75 * 1vw);
    transition: .15s ease;
  }
}

/* フォーム確認テーブル
-------------------------------------------------------------------*/
.p-confirm-table {
  width: 100%;
}
.p-confirm-table th, .p-confirm-table td {
  border: #ddd solid 1px;
  text-align: left;
}
.p-confirm-table th {
  background-color: #f9f9f9;
  padding: 20px 15px 20px 20px;
  vertical-align: middle;
  line-height: 19px;
  width: 285px;
}
@media not all and (min-width: 768px) {
  .p-confirm-table th {
    font-size: calc(14 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw);
    width: calc(100 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
  }
}
.p-confirm-table td {
  padding: 15px 20px;
  vertical-align: middle;
  line-height: 19px;
}
@media not all and (min-width: 768px) {
  .p-confirm-table td {
    font-size: calc(14 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw);
    line-height: calc(19 / 3.75 * 1vw);
  }
}

/* 本体カラーで探す
-------------------------------------------------------------------*/
.p-icn-clr-white {
  background: #fff;
}

.p-icn-clr-clear {
  background: linear-gradient(135deg, #fff, #8EDDF8);
}

.p-icn-clr-black {
  background: #000;
}

.p-icn-clr-natural {
  background: #E5D3AD;
}

.p-icn-clr-red {
  background: #E95151;
}

.p-icn-clr-pink {
  background: #F393BD;
}

.p-icn-clr-blue {
  background: #448ED6;
}

.p-icn-clr-navy {
  background: #2E3D77;
}

.p-icn-clr-green {
  background: #71C55D;
}

.p-icn-clr-yellow {
  background: #FFE853;
}

.p-icn-clr-orange {
  background: #F29C3B;
}

.p-icn-clr-purple {
  background: #A077BB;
}

.p-icn-clr-brown {
  background: #6A4514;
}

.p-icn-clr-beige {
  background: #F9EACA;
}

.p-icn-clr-skyblue {
  background: #C3E1EC;
}

.p-icn-clr-sora {
  background: #8EDDF8;
}

.p-icn-clr-cream {
  background: #FFF7CF;
}

.p-icn-clr-nightblack {
  background: #2C3D8F;
}

.p-icn-clr-lightblue {
  background: #263B58;
}

.p-icn-clr-royalblue {
  background: #605946;
}

.p-icn-clr-winered {
  background: #992043;
}

.p-icn-clr-khaki {
  background: #0C4537;
}

.p-icn-clr-sandbeige {
  background: #81765A;
}

.p-icn-clr-metaviolet {
  background: #343434;
}

.p-icn-clr-skygray {
  background: #CBC7C4;
}

.p-icn-clr-pastelviolet {
  background: #343434;
}

.p-icn-clr-silvergray {
  background: linear-gradient(135deg, #fff, #707070);
}

.p-icn-clr-gold {
  background: linear-gradient(135deg, #fff, #D59C00);
}

.p-icn-clr-haku-gold {
  background: linear-gradient(135deg, #584E39, #D4C478);
}

.p-icn-clr-haku-silvergray {
  background: linear-gradient(135deg, #4A4A4A, #EBEBEB);
}

.p-icn-clr-haku-red {
  background: linear-gradient(135deg, #40221D, #EC4B3F);
}

.p-icn-clr-haku-purple {
  background: linear-gradient(135deg, #1F1F24, #5950DF);
}

.p-icn-clr-haku-green {
  background: linear-gradient(135deg, #0A2011, #38C161);
}

.p-icn-clr-haku-blue {
  background: linear-gradient(135deg, #0A3146, #5EDBEF);
}

.p-icn-clr-none {
  border: none !important;
  background: none;
}

/* 印刷色で探す
-------------------------------------------------------------------*/
.p-icn-clr-pri-fff {
  background: #fff;
}

.p-icn-clr-pri-000 {
  background: #000;
}

.p-icn-clr-pri-dic27 {
  background: #F37AA8;
}

.p-icn-clr-pri-dic48 {
  /* background: #E15EAD; */
  background: #e862a8;
}

.p-icn-clr-pri-dic152 {
  /* background: #C60091; */
  background: #d600a9;
}

.p-icn-clr-pri-dic150 {
  /* background: #A802A2; */
  background: #af00ce;
}

.p-icn-clr-pri-dic188 {
  /* background: #6521A0; */
  background: #7915ad;
}

.p-icn-clr-pri-dic580 {
  /* background: #4D008A; */
  background: #56008a;
}

.p-icn-clr-pri-dic435 {
  background: #293855;
}

.p-icn-clr-pri-dic256 {
  /* background: #30386C; */
  background: #47306b;
}

.p-icn-clr-pri-dic255 {
  background: #043D78;
}

.p-icn-clr-pri-dic2164 {
  /* background: #33beca; */
  background: #5ec5dd;
}

.p-icn-clr-pri-dic179 {
  /* background: #0090BA; */
  background: #00a8e6;
}

.p-icn-clr-pri-dic182 {
  /* background: #0072BA; */
  background: #0075c4;
}

.p-icn-clr-pri-dic183 {
  /* background: #0071C5; */
  background: #4272d3;
}

.p-icn-clr-pri-dic222 {
  background: #2E4FB5;
}

.p-icn-clr-pri-dic176 {
  /* background: #00A197; */
  background: #00bca5;
}

.p-icn-clr-pri-dic216 {
  /* background: #009274; */
  background: #11a871;
}

.p-icn-clr-pri-dic378 {
  /* background: #295D3F; */
  background: #275b27;
}

.p-icn-clr-pri-dic352 {
  /* background: #5E673C; */
  background: #6a6d35;
}

.p-icn-clr-pri-dic347 {
  /* background: #51432A; */
  background: #664c2a;
}

.p-icn-clr-pri-dic344 {
  /* background: #684930; */
  background: #775330;
}

.p-icn-clr-pri-dic338 {
  /* background: #976A1F; */
  background: #aa6f21;
}

.p-icn-clr-pri-dic334 {
  /* background: #C1A470; */
  background: #dbb572;
}

.p-icn-clr-pri-dic516 {
  /* background: #525051; */
  background: #665f58;
}

.p-icn-clr-pri-dic544 {
  /* background: #686768; */
  background: #7a7a7a;
}

.p-icn-clr-pri-dic550 {
  /* background: #838079; */
  background: #938e83;
}

.p-icn-clr-pri-dic547 {
  /* background: #C2BFAF; */
  background: #ddd2bf;
}

.p-icn-clr-pri-dic517 {
  /* background: #B7AD8F; */
  background: #d6cca1;
}

.p-icn-clr-pri-dic197 {
  /* background: #B31C31; */
  background: #ba2720;
}

.p-icn-clr-pri-dic563 {
  /* background: #D2004D; */
  background: #e50c5f;
}

.p-icn-clr-pri-dic564 {
  background: #E8053B;
}

.p-icn-clr-pri-dic159 {
  /* background: #F93728; */
  background: #ff5e2c;
}

.p-icn-clr-pri-dic2504 {
  background: #ef4933;
}

.p-icn-clr-pri-dic2468 {
  background: #e4737b;
}

.p-icn-clr-pri-dic2631 {
  /* background: #fb1571; */
  background: #f21c73;
}

.p-icn-clr-pri-dic120 {
  /* background: #FF7E1C; */
  background: #ff8500;
}

.p-icn-clr-pri-dic124 {
  /* background: #FFB100; */
  background: #ffc200;
}

.p-icn-clr-pri-dic2063 {
  /* background: #fbdc61; */
  background: #fff252;
}

.p-icn-clr-pri-dic9 {
  /* background: #F5DD7A; */
  background: #ffe578;
}

.p-icn-clr-pri-dic2014 {
  /* background: #fed2c8; */
  background: #ffddd9;
}

.p-icn-clr-pri-dic2192 {
  background: #acc9e8;
}

.p-icn-clr-pri-dic2181 {
  /* background: #b7dfea; */
  background: #c2e8f2;
}

.p-icn-clr-pri-dic2171 {
  /* background: #e4fdf6; */
  background: #edf9f7;
}

.p-icn-clr-pri-dic2117 {
  /* background: #c1e2bb; */
  background: #daf4d4;
}

.p-icn-clr-pri-dic58 {
  /* background: #DEE26A; */
  background: #e5e56a;
}

.p-icn-clr-pri-dic2094 {
  /* background: #c6c754; */
  background: #dbdb40;
}

.p-icn-clr-pri-dic2547 {
  /* background: #8daa29; */
  background: #9dc108;
}

.p-icn-clr-pri-kin {
  background: #BDA576;
}

.p-icn-clr-pri-gin {
  background: #C9CCCE;
}

.p-icn-clr-pri-keikou-g {
    background: #74FF1A;
}

.p-icn-clr-pri-keikou-y {
    background: #F9FF00;
}

.p-icn-clr-pri-keikou-p {
    background: #FF69B4;
}

.p-icn-clr-pri-keikou-o {
    background: #FFAC33;
}

/* フォームパーツ
-------------------------------------------------------------------*/
input, textarea, button {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS PGothic', 'ＭＳ Ｐゴシック', 'MS Gothic', 'Helvetica Neue', Arial, sans-serif;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label.def-set {
  display: flex;
  height: 20px;
  position: relative;
  width: 20px;
}
input[type=checkbox] + label.def-set::before, input[type=checkbox] + label.def-set::after {
  background: none;
  content: '';
  display: block;
  height: 20px;
  position: absolute;
  width: 20px;
  z-index: 1;
}
input[type=checkbox] + label.def-set::before {
  border: 1px solid #ddd;
  border-radius: 4px;
}
input[type=checkbox] + label.def-set:hover::before {
  border: 1px solid #28A3CD;
}
input[type=checkbox]:checked + label.def-set::before {
  background: #DBF6FF;
  box-shadow: 0px 0px 2px #28A3CD inset;
  border: 1px solid #28A3CD;
}
input[type=checkbox]:checked + label.def-set::after {
  background: url(/assets/img/common/icn_form_check.png) center center/12px auto no-repeat;
  border-radius: 4px;
  left: 1px;
  top: 0;
}

.cm-input-del-val {
  position: relative;
}
.cm-input-del-val .icn-del {
  background: url("/assets/img/common/header_search_close_icon.svg") center center/14px auto no-repeat;
  content: "";
  display: block;
  height: 30px;
  top: calc(50% - 15px);
  position: absolute;
  border: none;
  box-shadow: none;
  outline: 0;
  width: 30px;
  right: 10px;
  z-index: 9;
}
.cm-input-del-val .icn-del:hover {
  cursor: pointer;
}

.anc-id {
  position: relative;
}
@media not all and (min-width: 768px) {
  .anc-id {
    top: calc(-60 / 3.75 * 1vw);
  }
}

.p-select-box-radio {
  position: relative;
  z-index: 999;
}
.p-select-box-radio .selected-view-box {
  align-items: center;
  display: flex;
  border: 1px solid #CCCCCC;
  padding: 10px 20px;
  background: url("/assets/img/common/arrow4.png") center right 15px/11px auto no-repeat;
  width: 300px;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  border-radius: 3px;
}
.p-select-box-radio .selected-view-box input, .p-select-box-radio .selected-view-box label {
  display: none;
}
.p-select-box-radio .selected-view-box input:checked + label {
  display: block;
}
@media not all and (min-width: 768px) {
  .p-select-box-radio .selected-view-box {
    background: url("/assets/img/common/arrow4.png") center right 15px/11px auto no-repeat;
    padding: calc(10 / 3.75 * 1vw) calc(20 / 3.75 * 1vw);
    width: calc(300 / 3.75 * 1vw);
    font-size: calc(14 / 3.75 * 1vw);
    height: calc(50 / 3.75 * 1vw);
    border-radius: calc(3 / 3.75 * 1vw);
  }
}
.p-select-box-radio .selected-view-box img {
  height: auto;
  width: 16px;
  margin-right: 1px;
}
@media not all and (min-width: 768px) {
  .p-select-box-radio .selected-view-box img {
    width: calc(16 / 3.75 * 1vw);
  }
}
.p-select-box-radio .selected-view-box span {
  font-size: 12px;
  font-weight: 500;
}
@media not all and (min-width: 768px) {
  .p-select-box-radio .selected-view-box span {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.p-select-box-radio .selected-view-box:hover {
  border: 1px solid #8EDDF8;
  cursor: pointer;
}
.p-select-box-radio .selected-view-box.on {
  color: #333;
  border-color: #27a3cd;
  outline: #27a3cd;
  box-shadow: inset 1px 1px #27a3cd, inset -1px -1px #27a3cd, inset 1px -1px #27a3cd, inset -1px 1px #27a3cd;
}
.p-select-box-radio .select-view-box ul {
  background: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  position: absolute;
  padding: 10px 20px;
  width: 300px;
  z-index: 1;
}
@media not all and (min-width: 768px) {
  .p-select-box-radio .select-view-box ul {
    border-radius: calc(3 / 3.75 * 1vw);
    padding: calc(10 / 3.75 * 1vw) calc(20 / 3.75 * 1vw);
    width: calc(300 / 3.75 * 1vw);
  }
}
.p-select-box-radio .select-view-box ul li {
  color: #333333;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
}
@media not all and (min-width: 768px) {
  .p-select-box-radio .select-view-box ul li {
    font-size: calc(14 / 3.75 * 1vw);
  }
}
.p-select-box-radio .select-view-box ul li label {
  align-items: center;
  padding: 5px 0;
  display: flex;
  transition: .15s ease;
}
@media not all and (min-width: 768px) {
  .p-select-box-radio .select-view-box ul li label {
    padding: calc(5 / 3.75 * 1vw) 0;
  }
}
.p-select-box-radio .select-view-box ul li label img {
  height: auto;
  width: 16px;
  margin-right: 5px;
}
@media not all and (min-width: 768px) {
  .p-select-box-radio .select-view-box ul li label img {
    width: calc(16 / 3.75 * 1vw);
    margin-right: calc(5 / 3.75 * 1vw);
  }
}
.p-select-box-radio .select-view-box ul li label span {
  font-size: 12px;
  font-weight: 500;
}
@media not all and (min-width: 768px) {
  .p-select-box-radio .select-view-box ul li label span {
    font-size: calc(12 / 3.75 * 1vw);
  }
}
.p-select-box-radio .select-view-box ul li label:hover {
  cursor: pointer;
  opacity: .7;
}

/* SNSシェアボタン
-------------------------------------------------------------------*/
.p-sns {
  margin: 25px auto 0;
  width: 375px;
}
@media not all and (min-width: 768px) {
  .p-sns {
    margin: calc(27 / 3.75 * 1vw) calc(10 / 3.75 * 1vw) calc(27 / 3.75 * 1vw) 0;
    width: auto;
  }
}
.p-sns.shr {
  border-top: #222 dotted 1px;
  border-bottom: #222 dotted 1px;
  position: relative;
  padding: 16px 0;
  font-size: 0;
  text-align: center;
}
@media not all and (min-width: 768px) {
  .p-sns.shr {
    padding: calc(16 / 3.75 * 1vw) 0;
  }
}
.p-sns.shr::before {
  content: '';
  background: url(/assets/img/common/bg8.png) no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 74px;
  height: 14px;
  background-color: #fff;
  top: -9px;
  left: 50%;
  margin-left: -37px;
  position: absolute;
}
@media not all and (min-width: 768px) {
  .p-sns.shr::before {
    width: calc(74 / 3.75 * 1vw);
    height: calc(14 / 3.75 * 1vw);
    top: calc(-9 / 3.75 * 1vw);
    margin-left: calc(-37 / 3.75 * 1vw);
  }
}
.p-sns.shr div {
  display: inline-block;
  vertical-align: top;
  padding: 0 26px;
  padding-left: 26px;
  border-right: #222 dotted 1px;
  position: relative;
}
@media not all and (min-width: 768px) {
  .p-sns.shr div {
    padding: 0 calc(18 / 3.75 * 1vw);
  }
}
.p-sns.shr div:first-child {
  padding-left: 0;
}
.p-sns.shr div:last-child {
  padding-right: 0;
  border-right: none;
}
.p-sns.shr div a {
  display: block;
  width: 30px;
  height: 30px;
}
@media not all and (min-width: 768px) {
  .p-sns.shr div a {
    width: calc(30 / 3.75 * 1vw);
    height: calc(30 / 3.75 * 1vw);
  }
}
@media screen and (min-width: 768px) {
  .p-sns.shr div a:hover {
    opacity: .7;
  }
}
.p-sns.shr .fb a {
  background: url("/assets/img/common/s_fb.png") no-repeat;
}
.p-sns.shr .tw a {
  background: url(/assets/img/common/s_tw.png) no-repeat;
}
.p-sns.shr .ln a {
  background: url(/assets/img/common/s_ln.png) no-repeat;
}
.p-sns.shr .cp a {
  background: url(/assets/img/common/s_cp.png) no-repeat;
  width: 58px;
}
@media not all and (min-width: 768px) {
  .p-sns.shr .cp a {
    width: calc(58 / 3.75 * 1vw);
  }
}
.p-sns.shr .cp input {
  width: 20px;
  height: 20px;
  position: absolute;
  opacity: 0;
  font-size: 5px;
}
@media not all and (min-width: 768px) {
  .p-sns.shr .cp input {
    font-size: calc(5 / 3.75 * 1vw);
    width: calc(20 / 3.75 * 1vw);
    height: calc(20 / 3.75 * 1vw);
    padding: 0;
  }
}
.p-sns.shr .cp span {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  white-space: nowrap;
  background-color: #222;
  color: #fff;
  padding: 3px 8px;
  border-radius: 2px;
  left: 50%;
  transform: translate(-50%, 5px);
  top: -30px;
  margin-left: 9px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
}
@media not all and (min-width: 768px) {
  .p-sns.shr .cp span {
    font-size: calc(10 / 3.75 * 1vw);
    padding: calc(3 / 3.75 * 1vw) calc(8 / 3.75 * 1vw);
    border-radius: calc(2 / 3.75 * 1vw);
    transform: translate(-50%, calc(5 / 3.75 * 1vw));
    top: calc(-30 / 3.75 * 1vw);
    margin-left: calc(9 / 3.75 * 1vw);
  }
}
.p-sns.shr .cp span::before {
  content: '';
  background-color: #222;
  width: 6px;
  height: 6px;
  left: 50%;
  bottom: -3px;
  transform: rotate(45deg);
  margin-left: -3px;
  position: absolute;
}
@media not all and (min-width: 768px) {
  .p-sns.shr .cp span::before {
    width: calc(6 / 3.75 * 1vw);
    height: calc(6 / 3.75 * 1vw);
    bottom: calc(-3 / 3.75 * 1vw);
    margin-left: calc(-3 / 3.75 * 1vw);
  }
}
.p-sns.shr .cp span.on {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

/* パスワード目アイコン
-------------------------------------------------------------------*/
.ps-wrd {
  position: relative;
}
.ps-wrd .eye-icon {
  background: url("/assets/img/common/icn_password_off.png") center center/contain no-repeat;
  display: block;
  height: 20px;
  width: 34px;
  position: absolute;
  content: "";
  right: 10px;
  top: calc(50% - 10px);
  z-index: 1;
}
.ps-wrd .eye-icon.close {
  background: url("/assets/img/common/icn_password.png") center center/contain no-repeat;
}
@media not all and (min-width: 768px) {
  .ps-wrd .eye-icon {
    height: calc(20 / 3.75 * 1vw);
    width: calc(34 / 3.75 * 1vw);
    right: calc(2 / 3.75 * 1vw);
    top: calc(50% - calc(9 / 3.75 * 1vw));
  }
  .ps-wrd .eye-icon::after {
    content: none;
  }
}
.ps-wrd .eye-icon:hover {
  cursor: pointer;
}
.ps-wrd .eye-icon:hover + input[type="password"] {
  border: 1px solid #28A3CD;
}

/* SPスクロールバー
-------------------------------------------------------------------*/
@media not all and (min-width: 768px) {
  .cm-vscroll + .cm-vsb {
    position: relative;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: -3px;
    margin-right: calc(10 / 3.75 * 1vw);
    margin-bottom: calc(10 / 3.75 * 1vw);
    pointer-events: none;
    overflow: hidden;
    transition: opacity 0.15s ease;
    opacity: 0;
  }

  .cm-vscroll + .cm-vsb.on {
    opacity: 1;
  }

  .cm-vscroll + .cm-vsb span {
    height: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
  }
}
/* スタッフメッセージ
-------------------------------------------------------------------*/
.staff-message {
  margin: 40px auto 0;
  width: 1200px;
  background: #FFF5F5;
  padding: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #E8343D;
  border: 2px dotted #E8343D;
}
.staff-message p {
  line-height: 21px;
}
.staff-message a {
  color: #28A3CD;
  text-decoration: underline;
  line-height: 21px;
}
.staff-message a:hover {
  text-decoration: none;
}

/* 部位選択アラート
-------------------------------------------------------------------*/
.p-step3-alert {
  position: relative;
}
.p-step3-alert .p-step3-alert-box {
  position: absolute;
  bottom: -42px;
  z-index: 1;
  width: 100%;
  left: 0;
  display: none;
}
@media not all and (min-width: 768px) {
  .p-step3-alert .p-step3-alert-box {
    bottom: calc(-42 / 3.75 * 1vw);
  }
}
.p-step3-alert p.alert-box {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  border-radius: 3px;
  border: 1px solid #e8343d;
  background: #fef2f2;
  position: relative;
  width: 280px;
  color: #E8343D;
  margin: 0 auto;
}
@media not all and (min-width: 768px) {
  .p-step3-alert p.alert-box {
    font-size: calc(14 / 3.75 * 1vw);
    height: calc(52 / 3.75 * 1vw);
    border-radius: calc(3 / 3.75 * 1vw);
    width: calc(280 / 3.75 * 1vw);
  }
}
.p-step3-alert p.alert-box::after {
  content: "";
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.498%22%20height%3D%222.624%22%20viewBox%3D%220%200%204.498%202.624%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5652%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205652%22%20transform%3D%22translate(16071%208574)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5651%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205651%22%20transform%3D%22translate(-16071%20-8574)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_6934%22%20data-name%3D%22%E3%83%91%E3%82%B9%206934%22%20d%3D%22M-5928.172-8737.247l2.249%2C2.249%2C2.248-2.249%22%20transform%3D%22translate(5928.172%208737.622)%22%20fill%3D%22%23e8343d%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_6935%22%20data-name%3D%22%E3%83%91%E3%82%B9%206935%22%20d%3D%22M-5928.173-8737.248l2.249%2C2.249%2C2.249-2.249%22%20transform%3D%22translate(5928.173%208737.248)%22%20fill%3D%22%23fef2f2%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  height: 13px;
  width: 26px;
  position: absolute;
  top: -12px;
  left: calc(50% - 13px);
  transform: rotate(180deg);
}
@media not all and (min-width: 768px) {
  .p-step3-alert p.alert-box::after {
    height: calc(13 / 3.75 * 1vw);
    width: calc(26 / 3.75 * 1vw);
    top: calc(-12 / 3.75 * 1vw);
    left: calc(50% - calc(13 / 3.75 * 1vw););
  }
}

.x-alt-trgr {
  position: absolute;
  bottom: -20px;
}
@media not all and (min-width: 768px) {
  .x-alt-trgr {
    bottom: calc(-20 / 3.75 * 1vw);
  }
}

.p-step3-alert02 {
  border: 1px solid #E8343D;
  line-height: 22px;
  color: #E8343D;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  display: none;
}
@media not all and (min-width: 768px) {
  .p-step3-alert02 {
    line-height: calc(22 / 3.75 * 1vw);
    font-size: calc(12 / 3.75 * 1vw);
    margin-bottom: calc(10 / 3.75 * 1vw);
  }
}
.p-step3-alert02.on {
  display: block;
}

/* 24.05.10 add */
@media not all and (min-width: 768px) {
  .p-dl-btn-box:hover {
      opacity: 1;
      cursor: default;
  }

  .p-dl-btn-box .oc-box dl dd.wait a {
      background: #ccc;
      pointer-events: none;
  }
}

.p-type01 a.link::after {
  content: none;
}

/* 24.07.01 add */
/* カテゴリリンク SP幅半分バージョン */
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul.sphalf {
    column-gap: calc(10 / 3.75* 1vw);
  }
  .p-current-cate-srch-box ul.sphalf li {
    background: url("/assets/img/common/cm_arr01.svg") center right calc(10 / 3.75 * 1vw)/calc(6 / 3.75 * 1vw) auto no-repeat;
    width: 48.5%;
  }
  .p-current-cate-srch-box ul.sphalf li a {
    padding: 0 calc(20 / 3.75* 1vw) 0 calc(8 / 3.75* 1vw);
}
}
/* カテゴリリンク 下向き矢印(ページ内リンク)バージョン */
.p-current-cate-srch-box ul.anclink li {
  background: url(/html/user_data/assets/img/common/cm_arr01_anc.svg) center right 15px / 12px auto no-repeat;
}
@media not all and (min-width: 768px) {
  .p-current-cate-srch-box ul.anclink li {
    background: url(/html/user_data/assets/img/common/cm_arr01_anc.svg) center right calc(10 / 3.75 * 1vw)/calc(10 / 3.75 * 1vw) auto no-repeat;
  }
}


/* ランキングデザイン02 */
.p-sub-ranking-box02 .inner {
  margin-bottom: 20px;
  width: 100%;
}
.p-sub-ranking-box02 .inner .flx-box {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 35px;
  column-gap: 22px;
  margin-bottom: 40px;
}
.p-sub-ranking-box02 .inner .flx-box .cont {
  width: 219px;
}
.p-sub-ranking-box02 .inner .flx-box .cont a {
  margin-bottom: 0px;
  display: block;
}
.p-sub-ranking-box02 .inner .flx-box .cont a img {
  border: #ddd solid 1px;
  text-align: center;
  background-color: #fff;
  margin-bottom: 10px;
  width: 219px;
  height: auto;
  object-fit: contain;
}
.p-sub-ranking-box02 .inner .flx-box .cont a img:hover {
  opacity: .7;
}
.p-sub-ranking-box02 .inner .flx-box .cont .name {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3;
  color: #555555;
}
.p-sub-ranking-box02 .inner .flx-box .cont .name:hover {
  color: #e8343d;
}
.p-sub-ranking-box02 .inner .flx-box .cont .s-num {
  display: block;
  text-align: right;
  padding-top: 0px;
  color: #555555;
  font-size: 10px;
  margin: 0 0 5px;
}
.p-sub-ranking-box02 .inner .flx-box .cont .rank-price-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.p-sub-ranking-box02 .inner .flx-box .cont .rank-price-box .price {
  line-height: 1.5;
  font-size: 15px;
  font-weight: 700;
}
.p-sub-ranking-box02 .inner .flx-box .cont .rank-price-box .price span {
  font-size: 10px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-sub-ranking-box02 .inner {
      padding: 0 6px;
  }
  .p-sub-ranking-box02 .inner .flx-box {
      column-gap: 14px;
      flex-wrap: wrap;
      margin: 20px 0px 130px;
  }
  .p-sub-ranking-box02 .inner .flx-box .cont {
      width: 43.8vw;
      margin-top: 4vw;
  }
  .p-sub-ranking-box02 .inner .flx-box .cont .rank-price-box {
      justify-content: flex-start;
  }
  .p-sub-ranking-box02 .inner .flx-box .cont .rank-price-box .price {
      font-size: calc(15 / 3.75* 1vw);
      line-height: 1;
  }
  .p-sub-ranking-box02 .inner .flx-box .cont .rank-price-box .price span {
      font-size: calc(10 / 3.75* 1vw);
      font-weight: bold;
  }
  .p-sub-ranking-box02 .inner .flx-box .cont .s-num {
      margin-bottom: 3px;
      text-align: left;
  }
}

/* 展示会用　ランキングデザイン02_2 */
.p-sub-ranking-box02.design-type02_2 .inner .flx-box {
  flex-wrap: nowrap;
  column-gap: 0px;
}
.p-sub-ranking-box02.design-type02_2 .inner .flx-box .cont {
  width: 209px;
  padding: 20px 10px 20px;
}
.p-sub-ranking-box02.design-type02_2 .inner .flx-box .cont a img {
  width: 189px;
  height: 213px;
  object-fit: contain;
}

@media screen and (min-width: 767px) {
  .p-sub-ranking-box02.design-type02_2.line-item_3 .tab-cont-wrap .show-spnr {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 185px;
  }
  .p-sub-ranking-box02.design-type02_2 .tab-cont-wrap .show-spnr {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 450px;
  }
  .p-sub-ranking-box02.design-type02_2 .inner .flx-box {
      width: 100%;
      padding-left: 3px;
      justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .p-sub-ranking-box02.design-type02_2 .inner .flx-box {
      column-gap: 0px;
      flex-wrap: wrap;
      margin: 10px 0 35px 10px;
      justify-content: flex-start;
      row-gap: 20px;
  }
  .p-sub-ranking-box02.design-type02_2 .inner {
      padding: 0;
  }
  .p-sub-ranking-box02.design-type02_2 .inner .flx-box .cont {
      width: calc(120 / 3.75* 1vw);
      padding: 10px 4px 20px;
      margin: 0;
  }
  .p-sub-ranking-box02.design-type02_2 .inner .flx-box .cont a img {
      width: 100%;
      height: 124px;
      object-fit: contain;
  }
  .p-sub-ranking-box02.design-type02_2 .inner .flx-box .cont .name {
      font-size: 12px;
  }
  .p-sub-ranking-box02.design-type02_2 .inner .flx-box .cont .s-num{
      font-size: 11px;
  }
  .p-sub-ranking-box02.design-type02_2 .inner .flx-box .cont .rank-price-box .price {
      font-size: calc(13 / 3.75* 1vw);
  }
  .p-sub-ranking-box02.design-type02_2 .inner .flx-box .cont .rank-price-box .price span {
      font-size: calc(11 / 3.75* 1vw);
      font-weight: 500;
  }
}

/* お問い合わせくださいSPホバー修正 */
@media only screen and (not (min-width: 768px)) {
  .p-contact-ann-box .flx-box .cont-box a .link-btn {
      transition: none;
  }
  .p-contact-ann-box .flx-box .cont-box a:hover .link-btn {
      background: #fff5f5 url(/assets/img/common/icn_link_arr_g_on.png) right calc(5 / 3.75 * 1vw) center/calc(8 / 3.75 * 1vw) auto no-repeat;
  }
}
/* /お問い合わせくださいSPホバー修正 */