/* img {
  width: 100%;
  margin-bottom: 0px;
} */
.pc-br {
  display: block; /* PCを改行して */
}
.sp-br {
  display: none; /* SPの改行を隠す */
}
.font-ja,
.ma1-body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Segoe UI", "Helvetica Neue", "HelveticaNeue", "YuGothic", "Yu Gothic Medium", "Yu Gothic", Verdana, "Meiryo", sans-serif;
  color: #000
}
.font-en,
.ma1-ttl,
.ma1-ttl-h3 {
  font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  color: #000
}
.ma1-top {
  padding: 0 0 40px 0;
}
.ma1-top img {
width: 100%;
}
.ma1-top-pc {
  display: block;
}
.ma1-top-sp {
  display: none;
}
.ma1-body {
  width: 1024px;
  margin: 0 auto;
}
.ma1-body img {
  width: 100%;
}
.ma1-hero-h1 {
  font-size:26px;
  color:#000;
  letter-spacing:.2rem;
  line-height:1.5;
  text-align:center;
  padding:20px 0 10px 0;
  font-weight:bold;
}
.ma1-hero-h2 {
  font-size:20px;
  color:#000;
  letter-spacing:.2rem;
  line-height:1.8;
  text-align:center;
  font-weight:bold;
  padding:0 0 20px 0;
}
.ma1-hero-h3 {
  font-size:14px;
  line-height:2;
  letter-spacing:0.06em;
  text-align:center;
  padding: 0 0 40px;
  color: #666;
}
.ma1-hero-h3 span {
  display: block;
  margin-top: 20px;
}
.ma1-hero-h3 a {
  text-decoration: underline;
}
.ma1-ttl {
  font-size:38px;
  color:#000;
  letter-spacing:.25rem;
  line-height: 1.4;
  margin:30px 0 40px 0;
  text-align:center;
  font-weight:bold;
}
.ma1-ttl span {
  display:block;
  font-size:.8rem;
  color:#666;
  letter-spacing:.4rem;
  line-height:2;
  font-weight: normal;
}
.ma1-ttl-h3 {
  font-size:23px;
  color:#000;
  letter-spacing:.25rem;
  line-height: 1.4;
  margin:0 0 35px 0;
  text-align:center;
  font-weight:bold;
}
.ma1-specs {
  margin-bottom: 70px;
}
.ma1-specs-flex {
  width: 850px;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  margin: 0 auto;
}
.ma1-specs-flex2 {
  width: 48.2%;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  /* margin: 0 auto; */
}
.ma1-specs-flex2-child {
  width: 100%;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  margin: 0 auto;
  flex-direction: row;
}
.ma1-specs-flex-child {
  /* 4つ比較用 */
  /*width:230px;*/

  /* 2種比較用 */
  width:400px;
  margin: auto;
}
.ma1-ma1{
  padding: 50px 50px 20px 50px;
  border: 8px solid #000;
  margin-bottom: 60px;
}
.ma1-ma1-model,
.ma1-ma1-item {
  width: 50%;
}
.ma1-ma1-item-inner {
  width: 80%;
  margin: auto;
}
.ma1-ma1-item-product {
  margin-bottom: 32px;
}
.recommend {
  border: unset;
  background-color: #E8E9EB;
  margin: 60px;
  margin-bottom: 80px;
}
.ma1-ma1-item-ttl {
  display: block;
  font-size: 20px;
  text-align: center;
  padding-bottom: 30px;
  margin-top: -20px;
}
.ma1-ma1-item-ttl span {
  display: block;
  font-size: 16px;
  line-height: 1.8;
}
.ma1-ma1-feature {
  margin-bottom: 50px;
}
.ma1-ma1-lineup {
  margin-bottom: 50px;
}
.ma1-ma1-feature-flex,
.ma1-ma1-lineup-flex {
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.ma1-ma1-feature-flex-child {
  width: 23.5%;
  /*width: 244px;*/
  text-align: center;
}
.ma1-ma1-feature-flex-child p {
  font-size: 14px;
  font-weight: bold;
  padding: 9px 0 4px 0;
  letter-spacing: .05rem;
  line-height: 1.5;
}
.ma1-ma1-lineup-flex-child {
  width: 23.5%;
  /*width: 155px;*/
  text-align: center;
  margin-bottom: 35px;
}
.ma1-ma1-lineup-flex-child p {
  font-size: 13px;
  font-weight: bold;
  padding: 9px 0 4px 0;
  letter-spacing: .05rem;
  line-height: 1.5;
}
.ma1-ma1-feature-flex-child span,
.ma1-ma1-lineup-flex-child span {
  letter-spacing: .05rem;
}
.ma1-specs-item {
  text-align: center;
  margin-bottom: 40px;
}
.ma1-specs-item-img {
  margin-bottom: 25px;
}
.ma1-specs-item-color {
  width: 150px;
  margin: 0 auto 30px;
}
.ma1-specs-item-txt-name {
    /* 2つ比較用 */
  font-size: 20px;

    /* 4つ比較用 */
  /* font-size: 16px; */

  font-weight: bold;
  letter-spacing: .15rem;
  margin-bottom: 12px;
  text-align: center;
  width: -webkit-fill-available;
}
.ma1-specs-item-txt-name span {
  font-size: 14px;
}
.ma1-specs-flex-ttl {
  font-size: 20px;
}
.ma1-specs-item-txt-price {
  font-size: 14px;
  margin-bottom: 24px;
  letter-spacing: .03rem;
}
.ma1-specs-item-txt-btn {
  display: block;
  width: 140px;
  margin: 0 auto;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: .1rem;
  color: #FFF;
  background-color: #000;
  padding: 8px 0;
}
.ma1-specs-specs-txt {
  border-top: 1px solid #D2D2D7;
  border-bottom: 1px solid #D2D2D7;
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 3.2;
  letter-spacing: .1rem;
}
.ma1-specs-note {
  font-size: 13px;
  color: #666;
  text-align: center;
  margin-top: 25px;
}
.ma1-ma1-ttl {
  text-align: center;
  margin-bottom: 35px;
}
.ma1-ma1-ttl h2 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: .2rem;
  margin-bottom: 20px;
}
.ma1-ma1-ttl span {
  display: block;
  font-size: 16px;
  /* line-height: 4.2; */
}
.ma1-ma1-ttl h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  padding-bottom: 20px;
  text-decoration: underline;
}
.ma1-ma1-ttl p {
  font-size: 14px;
  letter-spacing: .08rem;
  line-height: 1.8;
  color: #666;
}
.ma1-ma1-flex {
  width: 100%;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.ma1-wrap {
  display:flex;
  flex-wrap:wrap;
  margin-left: -20px;
  justify-content: center;
}
.ma1-wrap-snap {
  width: 328px;
  text-align: center;
  font-size:12px;
  line-height:1.5;
  letter-spacing:0.06em;
  margin: 0 0 25px 20px;
}
.ma1-wrap-snap p {
  font-size: 14px;
  font-weight: bold;
  padding:13px 0 5px 0;
}
.ma1-wrap-left {
  display: block;
  text-align: left;
  color: #666666;
}
.ma1-ma1-more-recommend {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .2rem;
  text-align: center;
  padding-top: 20px;
}
.ma1-ma1-discription {
  width: 50%;
}
.ma1-ma1-discription-text {
  margin: auto;
  position: relative;
  top: 12%;
}
.ma1-ma1-discription-text h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  padding-bottom: 20px;
  /* text-decoration: underline; */
  text-align: center;
}
.arrow {
  width: 119px!important;
  height: 35px;
  transform: rotate(180deg);
  margin: auto;
}
.ma1-ma1-discription-text h2 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .08rem;
  padding-top: 20px;
  text-align: center;
  font-weight: bold;
}
.ma1-ma1-item-product-recommend {
  width: 70%;
  margin: auto auto 32px;
}
.ma1-ma1-item-product-recommend-name {
  display: block;
  font-size: 14px;
  text-align: center;
  padding-bottom: 15px;
  margin-top: -20px;
}
.ma1-ma1-item-product-recommend-name h2 {
  font-weight: bold;
}
.ma1-ma1-item-product-recommend-name span {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  font-weight: normal;
}
.ma1-specs-product-recommend-color {
  /* width: 130px; */
  margin: 10px auto 10px;
}
.ma1-specs-product-recommend-color img {
    height: 15px;
    width: auto;
    margin: auto;
}


 @media screen and (max-width: 768px) {
  .pc-br{
    display: none; /* PCの改行を隠して */
  }
  .sp-br{
    display: block; /* SPを改行する */
  }
  .ma1-top {
    padding: 0 0 2vw 0;
  }
  .ma1-top-pc {
    display: none;
  }
  .ma1-top-sp {
    display: block;
  }
  .ma1-body {
    width: 100%;
    padding: 4vw;
  }
  .ma1-hero-h1 {
    font-size:5.3vw;
    color:#000;
    letter-spacing:.15rem;
    line-height:1.5;
    text-align:center;
    padding:4.5vw 0 2vw 0;
    font-weight:bold;
  }
  .ma1-hero-h2 {
    font-size:4.2vw;
    color:#000;
    letter-spacing:.08em;
    line-height:1.6;
    font-weight:bold;
    padding:0 0 4vw 0;
    text-align: center;
  }
  .ma1-hero-h3 {
    font-size:3.4vw;
    line-height:1.7;
    letter-spacing:0.04em;
    padding: 0 0 7vw 0;
    text-align: left;
  }
  .ma1-ttl {
    font-size:7.6vw;
    color:#000;
    letter-spacing:.25rem;
    line-height: 1.2;
    margin:4vw 0 6vw 0;
    text-align:center;
    font-weight:bold;
  }
  .ma1-ttl span {
    display:block;
    font-size:.8rem;
    color:#666;
    letter-spacing:.25rem;
    line-height:2;
    font-weight: normal;
  }
  .ma1-ttl-h3 {
    font-size:4.4vw;
    color:#000;
    letter-spacing:.05rem;
    line-height: 1.2;
    margin:2vw 0 6vw 0;
    text-align:center;
    font-weight:bold;
  }
  .ma1-hero-h3 span {
    margin-top: 4vw;
  }
  .ma1-specs {
    /* margin-bottom: 12vw; */
    margin-bottom: 0vw;
  }
  .ma1-specs-flex {
    width: 100%;
  }
  .ma1-specs-flex2 {
    width: 48%;
  }
  .ma1-specs-flex-child {
    width: 100%;
    padding-bottom: 12vw;
  }
  .ma1-specs-item-img {
    margin-bottom: 4vw;
  }
  .ma1-specs-item-color {
    width: 75%;
    margin: 0 auto 4.5vw;
  }
  .ma1-specs-item-txt-name {
    font-size: 3.6vw;
    letter-spacing: .1rem;
    line-height: 1.3;
  }
  .ma1-specs-item-txt-name span {
    font-size: 3vw;
  }
  .ma1-specs-flex-ttl {
    font-size: 3.6vw;
    height: auto;
    width: 100%;
  }
  .ma1-specs-item-txt-price {
    font-size: 3.4vw;
    margin-bottom: 4.6vw;
  }
  .ma1-specs-item-txt-btn {
    width: 75%;
    padding: 2.6vw 0;
    font-size: 3.2vw;
    letter-spacing: .05rem;
  }
  .ma1-specs-item {
    margin-bottom: 7vw;
  }
  .ma1-specs-specs-txt {
    padding: 4vw 0;
    font-size: 3.4vw;
    line-height: 3;
  }
  .ma1-specs-note {
    font-size: 3vw;
    margin-top: 4vw;
  }
  .ma1-ma1 {
    padding: 7vw 4vw;
    border: 7px solid #000;
    margin-bottom: 12vw
  }
  .ma1-ma1-ttl {
    margin-bottom: 6vw;
  }
  .ma1-ma1-ttl h2 {
    font-size: 5.2vw;
    margin-bottom: 6vw;
  }
  .ma1-ma1-ttl span {
    font-size: 3.6vw;
    line-height: 2.6;
    /* line-height: 1.8; */
    /* padding: 6vw 2vw 3vw; */
  }
  .ma1-ma1-ttl h3 {
    font-size: 3.6vw;
  }
  .ma1-ma1-ttl p {
    font-size: 3.4vw;
  }
  .ma1-ma1-model,
  .ma1-ma1-item {
    width: 100%;
  }
  .ma1-ma1-feature-flex-child,
  .ma1-ma1-lineup-flex-child {
    width: 48%;
    margin-bottom: 6vw;
  }
  .ma1-ma1-feature-flex-child p,
  .ma1-ma1-lineup-flex-child p {
    font-size: 3.2vw;
    padding: 1.5vw 0 1vw 0;
  }
  .ma1-ma1-feature-flex-child span,
  .ma1-ma1-lineup-flex-child span {
    line-height: 1.6;
  }
  .ma1-ma1-item-inner {
    width: 100%;
  }
  .ma1-ma1-item-product {
    margin-bottom: 6vw;
  }
  .ma1-ma1-feature {
    margin-bottom: 0;
  }
  .ma1-ma1-lineup {
    margin-bottom: 8vw;
  }
  .ma1-wrap {
    margin: 0;
    justify-content: space-between;
  }
  .ma1-wrap-snap {
    width: 32%;
    text-align: center;
    font-size:12px;
    line-height:1.5;
    letter-spacing:0.06em;
    text-align:center;
  }
  .ma1-wrap-snap p {
    margin: 1vw 0 4.5vw 0;
  }
  .recommend {
    margin: 0 auto 14vw;
    border: unset!important;
    padding: 2vw 7vw;
  }
  .ma1-ma1-discription {
    width: 100%;
    margin-bottom: 8vw;
  }
  .ma1-ma1-more-recommend {
    font-size: 4.3vw;
  }
  .ma1-ma1-discription-text {
    position: unset;
    top: unset;
    margin-top: 4vw;
  }
  .ma1-ma1-discription-text h3 {
    font-size: 3.6vw;
    line-height: 1.7;
  }
  .arrow {
    width: 100px!important;
    height: 25px;
  }
  .ma1-ma1-discription-text h2 {
    font-size: 4.3vw;
    line-height: 1.7;
  }
  .ma1-ma1-item-product-recommend-name h2{
    font-size: 3.6vw;
    padding: 1.5vw 0 1vw 0;
    letter-spacing: .05rem;
    line-height: 1.5;
  }
  .ma1-ma1-item-product-recommend-name span {
    font-size: 3.6vw;
  }
  .ma1-specs-product-recommend-color {
    /* width: 37.5%; */
  }

 }