@charset "UTF-8";
html {
  overflow-x: visible !important;
}

body {
  overflow-x: visible !important;
}

@media screen and (max-width: 767px) {
  .mainframe_ {
    overflow-x: visible;
  }
}

.comparison {
  overflow: visible;
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
}
@media screen and (min-width: 768px) {
  .comparison {
    margin: 100px 0 70px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .comparison {
    margin: 8.3333333333vw 0 5.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .comparison {
    margin: 6.6666666667vw 0;
  }
}

.comparison__ttl {
    text-align: center;
    position: relative;
    font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif
}

@media screen and (max-width: 1024px) {
    .comparison__ttl {
        font-size:min(5.8666666667vw,30.8px);
        line-height: 1;
        letter-spacing: .08em;
        font-weight: 500
    }
}

@media screen and (min-width: 1025px) {
    .comparison__ttl {
        font-size:24px;
        line-height: 1;
        letter-spacing: .08em;
        font-weight: 500;
        padding-bottom: 20px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__ttl {
        padding-bottom:1.2121212121vw;
        margin-bottom: 1.4545454545vw
    }
}

@media(max-width: 1024px)and (min-width: 768px) {
    .comparison__ttl {
        font-size:25px
    }
}

@media screen and (max-width: 1024px) {
    .comparison__ttl {
        padding-bottom:min(5.3333333333vw,28px);
        margin-bottom: min(9.3333333333vw,49px);
        margin-left: min(-3.2vw,-16.8px)
    }
}

.comparison__ttl::after {
    position: absolute;
    content: "";
    display: block;
    background-color: #454b53;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (min-width: 1025px) {
    .comparison__ttl::after {
        width:22px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__ttl::after {
        width:1.3333333333vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__ttl::after {
        width:min(5.8666666667vw,30.8px)
    }
}

@media screen and (max-width: 1024px) {
    .comparison__tablewrap {
        overflow-x:auto;
        position: relative
    }
}

.comparison__table {
    margin: 0 auto;
    position: relative;
    table-layout: fixed;
    border-bottom: 1px solid #d8dee5;
    border-collapse: collapse
}

@media screen and (min-width: 1025px) {
    .comparison__table {
        width:1593px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table {
        width:96.5454545455vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table {
        width:min(165.2vw,867.3px)
    }

    .comparison__table::after {
        position: absolute;
        content: "";
        top: 0;
        left: 100%;
        height: 1px;
        background-color: rgba(0,0,0,0);
        width: min(3.2vw,16.8px)
    }
}

.comparison__table thead th {
    background-color: #fff
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th {
        position:sticky;
        z-index: 100;
        top: 0;
        left: 0;
        padding: 10px 0
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th {
        padding:.6060606061vw 0
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th {
        padding:min(1.3333333333vw,7px) 0;
        width: min(32vw,168px)
    }
}

.comparison__table thead th:not(:last-of-type) {
    border-right: 1px solid #d8dee5
}

.comparison__table thead th:first-of-type {
    border-right: none
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th:first-of-type {
        width:109px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th:first-of-type {
        width:6.6060606061vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th:first-of-type {
        width:min(15.7333333333vw,82.6px);
        position: sticky;
        z-index: 100;
        top: 0;
        left: 0
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th.ayla .img img {
        width:145px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th.ayla .img img {
        width:8.7878787879vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th.ayla .img img {
        width:min(24vw,126px)
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th.with .img img {
        width:51px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th.with .img img {
        width:3.0909090909vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th.with .img img {
        width:min(8.5333333333vw,44.8px)
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th.twin .img img {
        width:23px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th.twin .img img {
        width:1.3939393939vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th.twin .img img {
        width:min(3.8666666667vw,20.3px)
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th.arrange .img img {
        width:23px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th.arrange .img img {
        width:1.3939393939vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th.arrange .img img {
        width:min(3.8666666667vw,20.3px)
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th.deep .img img {
        width:49px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th.deep .img img {
        width:2.9696969697vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th.deep .img img {
        width:min(8.1333333333vw,42.7px)
    }
}

.comparison__table thead th a {
    text-decoration: none
}

.comparison__table thead th .img {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th .img {
        height:180px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th .img {
        height:10.9090909091vw;
        margin-bottom: 1.8181818182vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th .img {
        height:min(29.8666666667vw,156.8px);
        margin-bottom: min(3.2vw,16.8px)
    }
}

.comparison__table thead th .img img {
    height: auto
}

.comparison__table thead th span {
    position: relative
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th span {
        font-size:14px;
        line-height: 1;
        letter-spacing: .08em;
        font-weight: 400
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th span {
        font-size:.8484848485vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th span {
        font-size:min(2.9333333333vw,15.4px);
        line-height: 1.4545454545;
        letter-spacing: .08em;
        font-weight: 400
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th span {
        padding-right:20px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th span {
        padding-right:1.2121212121vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th span {
        display:block;
        width: 100%
    }
}

.comparison__table thead th span::after {
    position: absolute;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/ic-arrow.png);
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 1025px) {
    .comparison__table thead th span::after {
        right:0;
        width: 9px;
        height: 15px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table thead th span::after {
        width:.5454545455vw;
        height: .9090909091vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table thead th span::after {
        width:min(1.3333333333vw,7px);
        height: min(3.0666666667vw,16.1px);
        right: min(2vw,10.5px)
    }
}

.comparison__table tbody th {
    position: relative;
    border-top: 1px solid #d8dee5;
    background-color: #fff
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody th {
        font-size:14px;
        line-height: 1.4;
        letter-spacing: .08em;
        font-weight: 400
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody th {
        font-size:.8484848485vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody th {
        font-size:min(2.4vw,12.6px);
        line-height: 1.3333333333;
        letter-spacing: .08em;
        font-weight: 400
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody th {
        padding:20px 0;
        width: 109px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody th {
        padding:1.2121212121vw 0;
        width: 6.6060606061vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody th {
        position:sticky;
        z-index: 100;
        top: 0;
        left: 0;
        padding: min(3.2vw,16.8px) 0
    }
}

.comparison__table tbody th span {
    display: block;
    position: relative;
    z-index: 10
}

.comparison__table tbody th::after {
    position: absolute;
    content: "";
    display: block;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    background-color: #eaeaea
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody th::after {
        height:calc(100% - 10px)
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody th::after {
        height:calc(100% - 0.6060606061vw)
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody th::after {
        height:calc(100% - min(2.1333333333vw, 11.2px))
    }
}

.comparison__table tbody td {
    border-top: 1px solid #d8dee5;
    border-right: 1px solid #d8dee5;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td {
        font-size:14px;
        line-height: 1.4285714286;
        letter-spacing: .08em;
        font-weight: 400
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td {
        font-size:.8484848485vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td {
        font-size:min(2.4vw,12.6px);
        line-height: 1.5555555556;
        letter-spacing: .04em;
        font-weight: 400
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td {
        padding:5px 0
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td {
        padding:.303030303vw 0
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td {
        padding:min(1.0666666667vw,5.6px) 0;
        width: min(32vw,168px)
    }
}

.comparison__table tbody td:last-of-type {
    border-right: none
}

.comparison__table tbody td .color-wrap {
    display: flex;
    justify-content: center
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td .color-wrap {
        column-gap:8px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td .color-wrap {
        column-gap:.4848484848vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td .color-wrap {
        column-gap:min(1.0666666667vw,5.6px)
    }
}

.comparison__table tbody td .color-wrap .color {
    border-radius: 50%;
    border: 1px solid #e1e5eb
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td .color-wrap .color {
        width:22px;
        height: 22px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td .color-wrap .color {
        width:1.3333333333vw;
        height: 1.3333333333vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td .color-wrap .color {
        width:min(2.9333333333vw,15.4px);
        height: min(2.9333333333vw,15.4px)
    }
}

.comparison__table tbody td .color-wrap .color.-shinered {
  background-image:-moz-linear-gradient(-83deg, rgb(254, 132, 142) 0%, rgb(214, 69, 82) 100%);
  background-image:-webkit-linear-gradient(-83deg, rgb(254, 132, 142) 0%, rgb(214, 69, 82) 100%);
  background-image:-ms-linear-gradient(-83deg, rgb(254, 132, 142) 0%, rgb(214, 69, 82) 100%);
}

.comparison__table tbody td .color-wrap .color.-aquablue {
  background-image:-moz-linear-gradient(-83deg, rgb(209, 231, 254) 0%, rgb(149, 178, 208) 100%);
  background-image:-webkit-linear-gradient(-83deg, rgb(209, 231, 254) 0%, rgb(149, 178, 208) 100%);
  background-image:-ms-linear-gradient(-83deg, rgb(209, 231, 254) 0%, rgb(149, 178, 208) 100%)
}

.comparison__table tbody td .color-wrap .color.-emerald {
  background-image:-moz-linear-gradient(-83deg, rgb(224, 247, 239) 0%, rgb(165, 217, 198) 100%);
  background-image:-webkit-linear-gradient(-83deg, rgb(224, 247, 239) 0%, rgb(165, 217, 198) 100%);
  background-image:-ms-linear-gradient(-83deg, rgb(224, 247, 239) 0%, rgb(165, 217, 198) 100%)
}

.comparison__table tbody td .color-wrap .color.-rosegild {
    background-image: -moz-linear-gradient(-83deg, rgb(240, 200, 209) 0%, rgb(214, 171, 175) 100%);
    background-image: -webkit-linear-gradient(-83deg, rgb(240, 200, 209) 0%, rgb(214, 171, 175) 100%);
    background-image: -ms-linear-gradient(-83deg, rgb(240, 200, 209) 0%, rgb(214, 171, 175) 100%)
}

.comparison__table tbody td .color-wrap .color.-silver01 {
    background-image: -moz-linear-gradient(-83deg, rgb(238, 238, 238) 0%, rgb(136, 136, 137) 100%);
    background-image: -webkit-linear-gradient(-83deg, rgb(238, 238, 238) 0%, rgb(136, 136, 137) 100%);
    background-image: -ms-linear-gradient(-83deg, rgb(238, 238, 238) 0%, rgb(136, 136, 137) 100%)
}

.comparison__table tbody td .color-wrap .color.-gold {
    background-image: -moz-linear-gradient(-83deg, rgb(248, 244, 238) 0%, rgb(204, 187, 169) 100%);
    background-image: -webkit-linear-gradient(-83deg, rgb(248, 244, 238) 0%, rgb(204, 187, 169) 100%);
    background-image: -ms-linear-gradient(-83deg, rgb(248, 244, 238) 0%, rgb(204, 187, 169) 100%)
}

.comparison__table tbody td .color-wrap .color.-silver02 {
    background-image: -moz-linear-gradient(90deg, rgb(81, 90, 109) 0%, rgb(225, 231, 246) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(81, 90, 109) 0%, rgb(225, 231, 246) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(81, 90, 109) 0%, rgb(225, 231, 246) 100%)
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td .txt {
        font-size:min(2.1333333333vw,11.2px);
        line-height: 1.5;
        letter-spacing: .02em;
        font-weight: 400
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td .txt {
        letter-spacing:.04em;
        margin-bottom: 20px;
        padding-top: 6px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td .txt {
        margin-bottom:1.2121212121vw;
        padding-top: .3636363636vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td .txt {
        text-align:left;
        padding: min(1.6vw,8.4px) min(1.7333333333vw,9.1px) 0;
        margin-bottom: min(1.3333333333vw,7px)
    }
}

.comparison__table tbody td .txt-height {
    display: flex;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td .txt-height {
        font-size:min(2.1333333333vw,11.2px);
        line-height: 1.5;
        letter-spacing: .06em;
        font-weight: 400
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td .txt-height {
        align-items:center;
        letter-spacing: .02em;
        min-height: 60px;
        margin-bottom: 12px;
        padding-top: 6px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td .txt-height {
        min-height:3.6363636364vw;
        margin-bottom: .7272727273vw;
        padding-top: .3636363636vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td .txt-height {
        text-align:left;
        padding: min(1.6vw,8.4px) min(1.7333333333vw,9.1px) 0;
        margin-bottom: min(1.3333333333vw,7px);
        min-height: min(16.6666666667vw,87.5px)
    }
}

.comparison__table tbody td img {
    height: auto;
    object-fit: cover
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td img {
        width:240px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td img {
        width:14.5454545455vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td img {
        width:min(28.6666666667vw,150.5px)
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td:has(.txt) {
        padding-bottom:15px
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td:has(.txt) {
        padding-bottom:.9090909091vw
    }
}

@media screen and (min-width: 1025px) {
    .comparison__table tbody td.maru {
        font-size:20px;
        line-height: 1;
        letter-spacing: .08em;
        font-weight: 400
    }
}

@media screen and (max-width: 1650px)and (min-width: 1025px) {
    .comparison__table tbody td.maru {
        font-size:1.2121212121vw
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td.maru {
        font-size:min(3.2vw,16.8px);
        line-height: 1;
        letter-spacing: .08em;
        font-weight: 400
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td.sp-small {
        font-size:min(1.8666666667vw,9.8px);
        line-height: 1.4285714286;
        letter-spacing: .08em;
        font-weight: 400
    }
}

@media screen and (max-width: 1024px) {
    .comparison__table tbody td.sp-ls {
        letter-spacing:0
    }
}

@media screen and (min-width: 1025px) {
    .comparison .is-pc {
        display:block
    }
}

@media screen and (max-width: 1024px) {
    .comparison .is-pc {
        display:none
    }
}

@media screen and (min-width: 1025px) {
    .comparison .is-sp {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .comparison .is-sp {
        display:block
    }
}

.item-detail-features {
    margin-bottom: 0
}

.item-detail-features .structure .container:last-of-type {
    margin-bottom: 0
}