.resizeimage {
   max-width: 720px; /* 最大幅 */
   min-width: 470px; /* 最小幅 */
}
.resizeimage img { width: 100%; }

* {
  text-align: center;
}

li {
  list-style-type: none;
}

.accordion {
  max-width: 720px;
  border-radius: 4px 4px 4px 4px;
  margin: 0 0 2px 0;
  background-color: #336699;
  border: 1px solid;
  line-height: 1;
  font-size:0.9em;
  color :#fff;
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  cursor: pointer;
  padding: 9px;
}

.accordion table {
  color:#fff;
  min-width:720px;
}

.accordion table th {
  color:#fff;
  margin: 0 0 0 150px;
  font-size:0.9em;
  font-weight: normal;
  color :#fff;
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  cursor: pointer;
text-align: left;
}

.accordion table td {
  width: 85px;
  height: 20px;
  color:#fff;
  font-size:0.7em;
  padding:0;
}


.inner {
  padding: 0;
  max-width: 740px; /* 最大幅 */
}

.inner li {
  cursor: pointer;
  border: 0px solid;
  margin: 0https://break-time.net/archives/29067 0 0 0;
  background :#f4f4f4;
  padding: 0px;
  color : #000;
  font-size:0.9em;
  line-height: 1;
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}

.inner a {

    display: block;
    padding: 12px;
    text-decoration: none;
    color: #000;
}

.inner li a:hover {
background-color:#C9E0E7; 
/*リンクにマウスが乗ったら背景色を変更する*/
}