﻿.denish-grande .mv {
  background: url(/cms/assets/img/cp/danishgrande_sofa/img_mv.webp) center top/cover no-repeat;
}

.recommend .inner {
  max-width: 1108px;
}

.recommend .txt {
  font-size: 13px;
}

.cv h2 .large {
  font-size: 3.6vw;
  font-weight: 700;
}

.point__title-price {
  margin-bottom: 0;
}

.point .title {
  margin: 0 auto;
}

#point1 .point__block-txt {
  padding: 80px 4vw 80px 2vw;
}

.point__block-txt h3 {
  font-size: 2.5vw;
  white-space: nowrap;
}

#point1 .point__block-txt h3 span {
  margin-left: -15px;
}

.point__block-img {
  width: 62vw;
}

.point__block-txt {
  width: 38vw;
}

#point3 .point__sample img {
  width: 100%;
  max-width: 425px;
}

#point3 .flex{
  max-width: 1335px;
  margin: 0 auto;
  justify-content: flex-start;
}

.point__sample-block{
  width: calc(100% / 3 - 20px);
  max-width: 425px;
}

.point__sample-block .image{
  width: 100%;
}

.point__sample-block:nth-of-type(2){
  margin-left: calc(40 /  1335 * 100%);
}

.point__sample-block:nth-of-type(3){
  margin-left: calc(20 /  1335 * 100%);
}

.point-text{
  max-width: 1335px;
  margin: 0 auto;
  display: flex;
}

.point-text p:first-child{
  width: calc(100% / 3 - 20px);
  margin-right: calc(40 /  1335 * 100%);
}

#point3 .point__sample {
  padding-top: 0;
  border: none;
}

#point3 .point__block-txt .point-no,
#point3 .point__block-txt h3 {
  margin-bottom: 0;
}

#point3 .point__block-txt {
  margin-bottom: 25px;
}



section.options {
  background-color: #F6F6F6;
  padding: 0;
}

.option-items {
  width: 90%;
  max-width: 1540px;
  margin: 50px auto 0;
  background-color: #FFF;
}

.option-items__lists {
  width: 100%;
  margin-top: -30px;
  padding: 30px 12.7%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.option-items__lists li {
  width: calc(100% / 2);
}

.option-items__lists li:nth-child(n+3) {
  margin-top: 30px;
}

.option-items__lists li dl {
  display: flex;
  justify-content: center;
  align-items: center;
}

.option-items__lists li dl dt {
  max-width: 205px;

}

.option-items__lists li dl dt img {
  width: 100%;
  height: auto;
}

.option-items__lists li dl dd {
  margin-left: 30px;
}

.option-items__lists li dl dd h3 {
  font-weight: 400;
  letter-spacing: 0.05em;
}

.option-items__lists li dl dd p {
  font-size: 12px;
}

.variation {
  padding: 0 0 90px;
  background-color: #F6F6F6;
}

.variation .sec__title {
  margin-bottom: 30px;
}

.variation-content {
  width: 90%;
  max-width: 1540px;
  margin: 40px auto 0;
  padding: 20px;
  background: #fff;
}

.variation-content .point__sample {
  padding: 0;
  border: none;
}

.options+.cv {
  margin-top: 140px;
}

.shop__container {
  margin-bottom: 0;
}

.concept {
  margin-bottom: 140px;
  background: url(https://www.masterwal.jp/img/usr/common/background_image.jpg) center top/cover no-repeat;
  ;
}

@media screen and (max-width: 800px) {
  .denish-grande .mv {
    background: url(/cms/assets/img/cp/danishgrande_sofa/img_mv_sp.webp) left -70px top/cover no-repeat;
  }

  .recommend {
    padding-bottom: 45px;
  }

  .recommend__item,
  .recommend__item-block:nth-child(2) {
    margin-bottom: 0;
  }

  .recommend .sec__title {
    font-size: 1.9rem;
  }

  .point__block-txt {
    width: 100%;
  }

  #point1 .point__block-txt {
    padding: 45px 5%;
  }

  .point .title .inner {
    width: 90%;
  }

  .point__tab {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
  }

  .point__tab li {
    width: 100%;
    margin-top: 15px;
    display: flex;
    padding-bottom: 27px;
    border-right: none;
    border-bottom: 1px solid #000;
    position: relative;
  }

  .point__tab li::after {
    content: '';
    width: 15px;
    height: 5px;
    display: block;
    background-image: url(/cms/assets/img/cp/danishgrande_sofa/icon_arrow_bottom.png);
    background-size: 15px 5px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }

  .point__tab .point-no {
    width: 12%;
    margin-right: 15px;
    padding-bottom: 5px;
    border-right: 1px solid #000;
  }

  .point__tab li p {
    padding: 0;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
  }

  #point1 .point__block-txt h3 {
    font-size: 27px;
    white-space: nowrap;
  }

  #point1 .point__block-txt h3 span {
    margin-left: -15px;
    letter-spacing: -0.025em;
  }

  #point3 .point__block-txt {
    margin-bottom: 0;
  }

  .point__block-txt h3 {
    font-size: 27px;
  }

  #point3 .point__sample {
    margin-bottom: 0;
  }

  #point3 .point__sample .text {
    margin-top: 10px;
  }

  #point3 .point__sample-block:nth-child(1) .image {
    text-align: center;
  }

  .point__sample-block{
    width: 100%;
  }

  #point3 .point__sample-block:nth-child(1) .image img {
    width: 56%;
  }

  #point3 .point__sample-block:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }

  #point3 .point__sample-block:nth-child(2) .image{
    display: flex;
  }

  #point3 .point__sample-block:nth-child(2) .image img{
    width: calc(100% / 2 - 9px);
  }

  #point3 .point__sample-block:nth-child(2) .image img:last-child{
    margin-left: 9px;
  }

  .point__block-img {
    width: 90%;
    margin: 0 auto;
  }

  .option-items__lists {
    padding: 10px 20px;
    flex-direction: column;
  }

  .option-items__lists li {
    width: 100%;
  }

  .option-items__lists li dl{
    justify-content: flex-start;
  }

  .option-items__lists li dl dt {
    max-width: 105px;
  }

  .option-items__lists li dl dd {
    margin-left: 15px;
  }

  .option-items__lists li dl dd p {
    font-size: 10px;
  }

  .variation {
    margin-bottom: 45px;
    padding-bottom: 45px;
  }

  .variation .sec__lead {
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
  }

  .concept {
    margin-bottom: 45px;
  }

  .cv h2 .large {
    font-size: 3.2rem;
  }

  .concept {
    background: url(https://www.masterwal.jp/img/usr/common/sp_img_top_item01.jpg) center top/cover no-repeat;
    ;
  }

  .cv .button {
    display: flex;
    align-items: center;
    justify-content: center;
}
.option-items__lists li:nth-child(n+3){
  margin-top: 0;
}
.variation-content{
  width: 100%;
  margin: 40px 0 0 0;
}
.point__sample-block:nth-of-type(2){
  margin-left: 0;
}
}