/** Shopify CDN: Minification failed

Line 95:2 Unexpected "{"
Line 95:3 Expected identifier but found "%"
Line 95:36 Unexpected "{"
Line 95:37 Expected identifier but found "%"

**/
.comparison {
  border: 1px solid #fff;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto 60px;
}

.comparison__title {
  padding:53px 0;
  text-align:center;
  position:relative;
  cursor:pointer;
}

.comparison__title h2 {
  font-size: 22px;
  font-weight: 400;
}

.comparison__title:before {
  content:'';
  position:absolute;
  width:14px;
  height:8px;
  top:50%;
  right:48px;
  transform:translateY(-50%);
  background-image:url('/cdn/shop/files/icn_comparison_arrow.png?v=1756954168');
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}

.comparison__container {
  margin: 0 auto;
  max-width: 1600px;
  padding: 0 80px;
  width: 100%;
  
  max-height: 0;
  opacity: 0;
  overflow: hidden; /* アコーディオンのアニメーション用 */
  transition: max-height 0.4s ease-out, opacity 0.3s ease-in;
  position:relative;
}

.comparison__container.show {
  max-height: 2000px; /* コンテンツの高さに合わせて調整 */
  opacity: 1;
  padding: 0;
}

.comparison__container.hide {
  display: none;
}

.comparison__arrow_left {
  position: absolute;
  top: 50%;
  left: 4%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  cursor: pointer;
}

.comparison__arrow_right {
  position: absolute;
  top: 50%;
  right: 4%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  cursor: pointer;
}

.comparison__content {
  overflow-x: scroll; /* 水平方向のスクロールを維持 */
  width: 100%; /* コンテナの幅いっぱいに広げる */
}

.comparison__title.active:before {
  transform: translateY(-50%) rotate(180deg);
}

.comparison__table {
  {% comment %} padding-left: 30px; {% endcomment %}
  width: 1350px;
}

.comparison__table table {
  border-collapse: collapse;
}

.comparison__table th,
.comparison__table td {
  border:1px solid #4c4c4c;
}

.comparison__table th {
  padding: 22px 14px;
  width: 120px;
  font-weight: 500;
}

.comparison__table td {
  width: 445px;
  font-weight: 500;
  vertical-align: top;
}

.comparison__table thead th {
  font-size:26px;
  font-weight: 500;
}

.comparison__table thead td {
  text-align:center;
}

.comparison__table tbody th {
  background-color:#262626;
  font-size:18px;
}

.comparison__table tbody td {
  font-size:18px;
  padding: 20px 58px;
}

.comparison__table tbody .comparison__table__name td {
  text-align:center;
}

.comparison__table tbody .comparison__table__name td a{
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.comparison__table tbody th span {
  font-size:14px;
}

.comparison__table__name td {
  font-size:22px;
  text-decoration: underline;
}

.comparison__table__chara img {
  margin-right:40px;
}

@media only screen and (max-width: 749px) {
  .comparison__title h2 {
      font-size: 18px;
  }

  .comparison__title {
      padding: 40px 0;
  }

  .comparison__table tbody th span {
      font-size: 12px;
  }

  .comparison__table tbody th, .comparison__table tbody td {
    font-size:16px;
    padding: 7px 14px;
  }

  .comparison__table tbody td {
    padding: 7px 29px;
  }

  .comparison__table tbody .comparison__table__name td {
    font-size:18px;
  }

  .comparison__table tbody .comparison__table__feature td strong {
    font-size:18px;
  }
}