/*------------------------------------------------------------------------------
  PC or ALL
------------------------------------------------------------------------------*/
.translate-btn{
  position: fixed;
  top: 0;
  right: 100px;
  z-index: 100;
}
.header{background: #000;}
.pc .header-logo{
  width: 353px;
}
.header-inner{
  padding: 0 220px 0 20px;
}
.header-nav > ul > li > a{
  color: #fff;
}
.drawer-open{
  background: rgb(219,180,78);
  background: linear-gradient(54deg, rgba(219,180,78,1) 0%, rgba(208,160,51,1) 100%);
}
.pc .mainvisual-catch{
  left: 50%;
  bottom: 65vh;
  transform: translate(-50%, 0);
  width: 100%;
  text-align: center;
  .copy.ja{
    font-size: 3.6rem;
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal
  }
  .sub-text.en{
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    font-size: 8.6rem;
  }
}
.mainvisual{
  margin: 0 0 0 0;
}


.pc .box-wrap.sm{
  max-width: 1124px;
  padding: 0;
}
.box .btn a{
  border-radius: 0;
}
.pc .box h2.box-h2{
  font-size: 5rem;
}
.title-type02 span:nth-child(2), .title-type04 span:nth-child(2){
  font-size: 1.8rem;
  opacity: 1;
  color: #a60000;
  font-weight: normal;
}
.title-type02:before, .title-type04:before{
  background: #a60000;
  height: 2px;
}

.box-wrap.bg.main-banner1:before{
  background: #000;
}
.box-wrap.bg.main-banner1{
  max-width: 845px;
  margin: 0 auto;
  .ja{
    font-size: 2.3rem;
    display: inline-block;
    color: #000;
  }
  .en{
    display: inline-block;
    font-size: 1.2rem;
    color: #b80000;
    margin-left: 10px;
  }
  .banner-type01 ul li a{
    padding: 20px 50px;
  }
  .banner-type01 ul li a:after{
    content: '';
    bottom: 50%;
    transform: translate(0, 50%);
    width: 27px;
    height: 27px;
    background: url(/mwp/wp-content/themes/mwp-theme/assets/images/banner-arrow.png) no-repeat center center / contain;
  }
}

.box-wrap.lg.main-greeting{
  background: #000;
  padding: 0 4vmin 80px;
  .image-bg-type01 .text{
    background: #000;
    text-align: center;
    color: #fff;
  }
  .box-h3.ja{
    font-size: 5rem;
  }
}

.box-wrap.sm.main-purchase{
  margin: 0 auto 140px auto;
  .image{
    position: relative;
  }
  .text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.7);
    padding: 34px 0px;
    width: 100%;
    max-width: 714px;
  }
  .box h3.box-h3{
    margin: 0;
    position: relative;
    color: #d6ab42;
  }
  .box h3.box-h3::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 34px;
    height: 110px;
    background: url(/mwp/wp-content/themes/mwp-theme/assets/images/arrow.png) no-repeat center center / contain;
  }

}

.box-wrap.sm.main-reason{
  .title-type02:before, .title-type04:before{
    display: none;
  }
  .list-number-type02 ol li:before{
    font-size: 6rem;
    color: #a60000;
    border-bottom: none;
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: italic;
    left: 50px;
  }
  .text{
    position: relative;
    max-width: 220px;
    margin: -60px auto 0;
    z-index: 100;
    padding: 20px 0;
    background: #000;
  }
  .box-h3.ja{
    color: #fff;
    text-align: center;
    font-size: 2.3rem;
  }
  .list-number-type02:after{
    background: #fff;
  }
}

.box-wrap.lg.main-banner2{
  position: relative;
  margin: 0 calc(50% - var(--vw) * 50) 154px;
  .title-type02:before, .title-type04:before{
    display: none;
  }
  .title-type02, .title-type04{
    padding: 46px;
  }
  .box-h2 .en{
    font-size: 4.2rem;
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    color: #000;
  }
  .text .en{
    font-size: 1.8rem;
    color: #d3a63b;
  }
}
.pc .box-wrap.lg.main-banner2 {
  .text .ja{
    font-size: 3.6rem;
  }
}

.box-wrap.lg.main-banner2::before{
  content: '';
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 597px;
  background: #eee;
}

.box-wrap.bg.main-banner3:before{
  background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-banner3-bg.png) repeat center center / cover;
}
.box-wrap.bg.main-banner3{
  .title-type02:before, .title-type04:before{
    display: none;
  }
  .box{
    margin: 0 auto 30px auto;
  }
  .box h2.box-h2{
    font-size: 4.2rem;
    margin-bottom: 10px;
  }
  .text .ja{
    font-size: 3.6rem;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .text .en{
    font-size: 1.8rem;
    color: #d3a63b;
  }
  .banner-type01 ul li .image{
    position: relative;
  }
  .text{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
  }
  .banner-type01 ul li a:after{
    display: none;
  }
  .image::before{
    content: "\e5cc";
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin: 0 0 0 15px;
    color: #fff;
    font-size: 2rem;
    font-family: "Material Symbols Outlined";
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
    z-index: 1;
  }
}

.box-wrap.sm.main-flow{
  .list-number-type01 ol li:before{
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: italic;
    font-size: 7.2rem;
    color: #a60000;
  }
  .list-number-type01 ol li .text{
    padding: 2vmin;
    background: #000;
    color: #fff;
  }
}

.box-wrap.lg.main-sales{
  padding: 100px 4vmin 60px;
  background: #000;
  color: #fff;
  margin: 0 calc(50% - var(--vw) * 50) 0;
  .box-h3.en{
    text-align: center;
    font-size: 4.6rem;
    margin-bottom: 90px;
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
  }
  .box.list-number-type02{
    max-width: 1124px;
  }
  .list-number-type02 ol li:before{
    font-size: 6rem;
    color: #a60000;
    border-bottom: none;
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: italic;
    left: 50px;
  }
  .text{
    position: relative;
    max-width: 220px;
    margin: -60px auto 0;
    z-index: 100;
    padding: 20px 0;
    background: #a60000;
  }
  .box-h3.ja{
    color: #fff;
    text-align: center;
    font-size: 2.3rem;
  }
}

.box-wrap.lg.main-banner4{
  background: #000;
  color: #fff;
  padding: 0 4vmin 97px;
  margin: 0 calc(50% - var(--vw) * 50) 0;
  .title-type02:before, .title-type04:before{
    display: none;
  }
  .box-h3.ja{
    text-align: center;
    font-size: 3.2rem;
  }
  .banner-type03 ul li{
    background: #0a7033;
  }
  .text{
    position: relative;
    padding: 3%;
  }
  .text::before{
    content: "\e5cc";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    margin: 0 0 0 15px;
    color: #fff;
    font-size: 2rem;
    font-family: "Material Symbols Outlined";
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
    z-index: 1;
  }
}

.box-wrap.xl.main-con{
  .contact-type01 .title{
    max-width: 1124px;
    font-size: 3.2rem;
  }
  .contact-type01 .text .tel:before{
    color: #dab34d;
  }
  .box .btn a{
    background: #d3a53a;
    color: #000;
  }
  .contact-type01 .text .btn div a:after, .contact-type02 .text .btn div a:after{
    color: #fff;
  }
  .contact-type01 .text .tel{
    font-weight: normal;
  }
}
.blog-type01 ul li .category, .blog-type04 .swiper-slide .category{
  background: #a60000;
}
.box-wrap.sm.main-recruit{
  margin: 0 auto 170px auto;
  .image{
    position: relative;
  }
  .text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.7);
    padding: 34px 0px;
    width: 100%;
    max-width: 714px;
  }
  .box h3.box-h3{
    margin: 0;
    position: relative;
    color: #d6ab42;
  }
  .box h3.box-h3::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 34px;
    height: 110px;
    background: url(/mwp/wp-content/themes/mwp-theme/assets/images/arrow.png) no-repeat center center / contain;
  }
}

.box-wrap.bg.main-shop::before{
  background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-shop-bg.png) no-repeat center center / cover;
}
.box-wrap.bg.main-shop{
  margin: 0 calc(50% - var(--vw) * 50);
  padding: var(--box-margin) 2vmin;
  .box.image-text-type02 .box-h3,
  .box.image-text-type02 p,
  .box.image-text-type02 .btn{
    margin-left: 20px;
  }
  .image-text-type02 .text:before{
    display: none;
  }
}

.footer{
  margin-top: -8px;
  background: #000;
  color: #fff;
  .about{
    line-height: 2;
    font-size: 1.4rem;
  }
}
.footer-main .logo{
  width: 353px;
}
.footer-main:after{
  background: #212121;
}
.footer-main .nav ul li a{
  color: #fff;
}
.footer-sub .copyright{
  color: #696969;
}
.footer-sns{
  display: none;
}
.pagetop{
  z-index: 1000;
}
.fixed-footer{
  z-index: 1000;
}
.fixed-footer .contact a{
  border-radius: 0;
  color: #000;
  background: rgb(219,180,78);
  background: linear-gradient(54deg, rgba(219,180,78,1) 0%, rgba(208,160,51,1) 100%);
}
.fixed-footer .contact a:before{
  color: #fff;
}

/* 20240920 added by Fabo */
.mt-s { margin-top: 4vh !important;}
.mt-m { margin-top: 7vh !important;}
.mt-l { margin-top: 10vh !important;}

.mb-s { margin-bottom: 4vh !important;}
.mb-m { margin-bottom: 7vh !important;}
.mb-l { margin-bottom: 10vh !important;}

.table-price {
  width: 100%;
  margin-bottom: 30px;
}
.table-price th,
.table-price td {
  border: 1px solid #eee;
  text-align: center;
}
.table-price td  {
  vertical-align: middle;
  width: 20%;
  padding: 15px;
}
.table-price td.img {
  width: 10% !important;
  background: #f2f2f2;
  text-align: center;
	padding: 2px;
}
.table-price td.img img {
  width: 80px;
}

.banner-type01 .text .ja {
  font-size: 3.6rem;
  line-height: 1.3;
  margin-bottom: 10px;
}
.banner-type01 .text .en {
  font-size: 2rem;
  color: #d3a63b;
}

/* 買取の流れ */
.page-id-1038 .box-wrap.bg:before {
  background:url(http://rw-ginza.com/mwp/wp-content/uploads/2024/10/img-boxwrap-bg.webp)
}

/* 購入をご希望のお客様はこちら */
.page-id-1274 .banner-type02 .text {
  padding: 2vmin;
}
.page-id-1274 .banner-type02 ul li .text h3 {
  color: #000;
}
.page-id-1274 .banner-type02 ul li {
  background: #fdfdfd;
  border: 1px #dbdbdb solid;
  border-radius: 0;
}
.page-id-1274 .banner-type02 ul li .btn a {
	min-width: 220px;
}


/*------------------------------------------------------------------------------
  TABLET and SHONE
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  TABLET ONLY
------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
  .home .page-content{
    padding: 0;
  }
  .box-wrap.bg.main-banner1{
    .box{
      padding: 0 4vmin;
    }
  }
  .mainvisual-catch div.copy{
    font-weight: normal;
    font-size: 1.8rem;
  }
  .mainvisual-catch div.sub-text{
    font-size: 2.4rem;
  }
  .mainvisual-catch{
    bottom: 65%;
  }
  .box-wrap.lg.main-greeting {
    .box-h3.ja{
      font-size: 2.4rem;
    }
  }
  .box-wrap.sm.main-purchase {
    .box h3.box-h3{
      height: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin-left: -20px;
    }
    .text{
      height: 100%;
      padding: 0;
    }
    .box h3.box-h3::before{
      height: 100%;
      width: 100%;
      transform: translate(45%, -50%);
    }
    .text a{
      display: block;
      height: 100%;
    }
  }
  .box-wrap.lg.main-reason {
    .list-number-type02 ol li:before{
      font-size: 6rem;
      left: 5px;
    }
  }
  .box-wrap.lg.main-banner2 {
    margin: 0 calc(50% - var(--vw) * 50) 60px;
    .box-h2 .en{
      font-size: 2rem;
    }
  }
  .box-wrap.lg.main-banner2::before{
    height: 100%;
  }
  .box-wrap.sm.main-banner3 {
    .box h2.box-h2{
      font-size: 2.4rem;
    }
    .text .ja{
      font-size: 2rem;
    }
    .text .en{
      font-size: 1.6rem;
    }
    .banner-type01 ul li a {
      padding: 40px;
    }
    .box{
      margin: 0 auto 20px auto;
    }
  }
  .box-wrap.sm.main-flow {
    .list-number-type01 ol li:before{
      font-size: 4rem;
    }
  }
  .box-wrap.lg.main-sales{
    .box-h3.en{
      font-size: 2rem;
      margin-bottom: 40px;
    }
    .list-number-type02 ol li:before{
      font-size: 6rem;
      left: 5px;
    }
    .text{
      margin: -40px auto 0;
    }
  }
  .box-wrap.sm.main-recruit {
    .box h3.box-h3{
      height: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin-left: -20px;
    }
    .text{
      height: 100%;
      padding: 0;
    }
    .box h3.box-h3::before{
      height: 100%;
      width: 100%;
      transform: translate(45%, -50%);
    }
    .text a{
      display: block;
      height: 100%;
    }
    .box h3.box-h3{
      font-size: 1.8rem;
    }
  }
  .box-wrap.lg.main-shop{
    .box.image-text-type02 .box-h3,
    .box.image-text-type02 p,
    .box.image-text-type02 .btn{
      margin-left: auto;
    }
  }
  .contact-type01 .title .ja{
    font-size: 2.4rem;
  }
  .footer-main .nav ul{
    flex-wrap: wrap;
  }
  .sphone-fixed-footer{
    z-index: 1000;
  }
  .box-wrap.bg.main-banner3{
    padding: var(--box-margin) 4vmin;
    .box h2.box-h2{
      font-size: 2.8rem;
    }
  }

  .table-price td  {
    vertical-align: middle;
    padding: 15px;
  }
  .table-price td.img {
    width: 100px;
  }
	.translate-btn{
    position: fixed;
    top: 0;
    right: 60px;
    z-index: 100;
    width: 60px;
    height: 60px;
  }
}