/* 選べる裏地カーテン */

 /* 吹き出し */
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fad5c3;
  border-radius: 15px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fad5c3;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}


.balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #d9e0f2;
  border-radius: 15px;
}

.balloon2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d9e0f2;
}

.balloon2 p {
  margin: 0;
  padding: 0;
}

.balloon3 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #f0f6df;
  border-radius: 15px;
}

.balloon3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f0f6df;
}

.balloon3 p {
  margin: 0;
  padding: 0;
}

.balloon4 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #d7e8e4;
  border-radius: 15px;
}

.balloon4:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d7e8e4;
}

.balloon4 p {
  margin: 0;
  padding: 0;
}

.balloon5 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #d6eefb;
  border-radius: 15px;
}

.balloon5:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d6eefb;
}

.balloon5 p {
  margin: 0;
  padding: 0;
}

 /* 機能表 */

.table-wrap {
  overflow-x: scroll;
}
.sl-table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.sl-table th,
.sl-table td {
  border: 2px solid #eee;
  padding: 4px 8px;
}

/* おりたたみ */
details {
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}