body {
  margin: 0;
  font-size : 16px ;
  line-height : 130% ;
}
table {
  font-size : 16px ;
  line-height : 130% ;
}

.load-fade {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}
.load-fade.is-show {
  opacity: 1;
  visibility: visible;
}

/*クラス名を付けた要素にスタイルを適用*/
.seas-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 720px;
}
.seas-leftparts {
  margin: 1%;
  padding: 1%;
  border: 3px solid ;
  border:double #e65c5c;border-radius: 5px;
  background: #fff;
  width:100%;
  max-width:320px;
}
.seas-rightparts {
  margin: 1%;
  padding: 1%;
  width:100%;
  max-width:250px;

}

@media (max-width: 768px) {
  .seas-container {
    flex-direction: column; /* 縦方向に並べる */
  }
}

.seas-capt1 li {
 list-style: none;
 margin:1% 0 0 -5%;
 width:90%;
 max-width:600px;
 padding-left: 1.3em;
 position: relative;
 text-align:left;
}
.seas-capt1 li:before {
 display: block;
 content: "♪";
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;
}

.seas-capt2 li {
 list-style: none;
 margin:0 0 0 -11%;
 width:106%;
 padding-left: 1.3em;
 position: relative;
 text-align:left;
 color:#a42929;
}
.seas-capt2 li:before {
 display: block;
 content: "＊";
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;
}