@charset "utf-8";
.ajax_air_detail img, .ajax_air_comp img, .sleepcharge_bnr img {
  height: auto;
}

/* --------------------非表示-------------------- */
#air_athlete .air_tit {
  display: none;
}

#air_athlete h2 {
  background: none;
}

@media (min-width: 769px) {
  /* --------------------導入実績・シリーズの機能説明（reset）-------------------- */
.ajax_air_detail #air_athlete, .ajax_air_detail #air_science {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .ajax_air_detail #air_athlete, .ajax_air_detail #air_science {
    padding: 1px 0;
    margin: 0 0 25px;
  }
}

.ajax_air_detail #air_science {
  margin-bottom: 50px;
}

.ajax_air_detail #air_athlete .inner, .ajax_air_detail #air_science .inner {
  padding: 1px 20px 0;
}

@media (min-width: 769px) {
  .ajax_air_detail #air_science .inner {
    padding: 15px 20px;
  }
}

#air_athlete .air_athlete_ichiran .air_txt_wrap h3 {
  margin: 0 0 15px;
  padding: 0;
}

#air_science .air_science_box .air_txt_wrap h3 {
  margin: 0 0 10px;
  padding: 0;
}

@media (min-width: 769px) {
  #air_science .air_tit {
    padding: 40px 40px 10px;
    background-color: unset;
  }
  #air_science .air_tit .air_lead {
    color: #444;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
  }
  #air_science .air_tit h2 {
    margin: 20px 0;
    color: #444;
    font-size: 38px;
  }
  #air_science .air_tit h2 + .air_lead {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  #air_science .air_tit {
    padding: 20px 20px 0;
    background-color: unset;
  }
  #air_science .air_tit .air_lead {
    color: #444;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
  }
  #air_science .air_tit h2 {
    margin: 10px 0;
    color: #444;
    font-size: 22px;
  }
  #air_science .air_tit h2 + .air_lead {
    font-size: 12px;
    line-height: 1.3;
  }
  #air_science .air_tit h2 + .air_lead br {
    display: none;
  }
  #air_athlete .air_athlete_ichiran {
/*    display: flex;*/
      display: block;
  }
  #air_athlete .air_athlete_ichiran .air_pict_wrap {
    flex-shrink: 0;
  }
  #air_athlete .air_athlete_ichiran.ana {
    display: block;
  }
  #air_athlete .air_athlete_ichiran.ana .air_pict_wrap {
    margin-bottom: 15px;
  }
}

/* --------------------比較一覧-------------------- */
.ajax_air_comp {
  margin: 50px auto;
}

@media (max-width: 768px) {
  .ajax_air_comp {
    margin: 50px auto 0;
  }
}

@media (min-width: 769px) {
  #compare_list {
    padding: 0 0 20px;
  }
}

@media (max-width: 768px) {
  #compare_list {
    padding: 0 0 10px;
  }
}

@media (min-width: 769px) {
  .ajax_air_comp #compare h3 {
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 0 20px;
    border-left: 10px solid #D7053C;
  }
}

#compare .compare_list__contents h3, #compare .compare_list__contents h3:last-of-type {
  margin: 25px 10px 25px 5px;
}

@media (min-width: 769px) {
  .compare_list__contents {
    width: calc(100% - 20px);
    padding: 0 0 0 20px;
  }
}

@media (max-width: 768px) {
  .compare_list__contents {
    width: calc((750 * (100vw / 750)) - 30px);
  }
  .compare_list__scroll {
    margin: 0 0 0 5px;
  }
}

@media (min-width: 769px) {
  .compare_list__table {
    margin: 0 20px 0 0;
  }
}

@media (max-width: 768px) {
  .compare_list__table {
    margin: 0 5px 0 0;
  }
}

/* --------------------バナー-------------------- */
.sleepcharge_bnr {
  margin: 20px auto;
  text-align: center;
}

@media (min-width: 769px) {
  .sleepcharge_bnr {
    order: 400;
    margin: 30px auto;
  }
  .sleepcharge_bnr a:first-of-type {
    display: inline-block;
    height: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .sleepcharge_bnr {
    width: 90%;
    margin: 0 auto 5px;
    order: 351;
  }
  .sleepcharge_bnr a:first-of-type {
    display: inline-block;
    height: 100%;
    margin-bottom: 20px;
  }
}

.sleepcharge_bnr h3 {
  position: relative;
  display: table;
  font-size: 12px;
  font-weight: normal;
  margin: 0 auto 10px;
  padding: 0;
  background: unset;
}

.sleepcharge_bnr h3 span {
  font-size: 10px;
}

.sleepcharge_bnr h3::before {
  position: absolute;
  left: -10px;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #000;
  border-radius: 3px;
  transform: rotate(-25deg);
}

.sleepcharge_bnr h3::after {
  position: absolute;
  content: "";
  right: -10px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #000;
  border-radius: 3px;
  transform: rotate(25deg);
}

@media (min-width: 769px) {
  .block-installment-payment {
    order: 247;
    margin-bottom: 30px;
  }
}

/* --------------------
「SI Regular」「SI Regular　ベッドマットレス」「SI Hard」「SI Hard　ベッドマットレス」
faq/グッドデザイン賞受賞/圧縮梱包製品の使用上の注意（reset）
-------------------- */
#air_faq {
  background-color: transparent;
}

@media (min-width: 769px) {
  #air_related_bnr ul li {
    /* width: auto;
    */;
  }
  #air_related_bnr ul li:has(img[src="/img/usr/goods/air/bnr_me.jpg"]) {
    width: unset;
  }
  #air_related_bnr ul li.w100per_ {
    text-align: left;
  }
  #air_related_bnr ul li.w100per_ img {
    margin: 0;
  }
  html.note_mordal_box {
    width: 1000px;
    margin: 0 auto 20px;
  }
}

/* --------------------
「SX Regular」「SX Hard」（reset）
-------------------- */
.hardness-use_box {
  color: unset;
  background: unset;
}

@media (min-width: 769px) {
  .bg-wrap .hardness-use_box {
    padding: 0 0 100px;
  }
}

@media (max-width: 768px) {
  .bg-wrap-sp + .section-detail .hardness-use_box {
    padding: 0;
  }
  .bg-wrap-sp + .section-detail .hardness-use_box {
    margin: 0;
  }
}

.hardness-use_box .title {
  margin-bottom: 25px;
  background-color: transparent;
}

@media (max-width: 768px) {
  .hardness-use_box .use_item {
    padding-top: 0;
  }
}

.hardness-use_box .detail {
  margin-bottom: 0;
}

.hardness-use_box .use_item .note {
  padding: 0;
  line-height: unset;
  background-color: transparent;
}

@media (min-width: 769px) {
  html.hardness-use_box .note span {
    display: inline-block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background-color: #393d6c;
  }
}

#air--wrapper .hardness-use_box .note span {
  background-color: #b25260;
}
