@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

/* ===========================================
 * ROOT
 * ======================================== */
:root {
  --fomt-family-main: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --fomt-family-serif: "Noto Serif JP", serif;
  --color-main: #cf0a2c;
  --color-gray: #3f3c3c;
  --color-black: #231815;
  --color-white: #ffffff;
}

/* ===========================================
 * RESET
 * ======================================== */
body * {
  padding: 0;
  margin: 0;
}
/* Default */
/* ======================================= */
#running {
  width: 100%;
  padding: 0;
  margin: 0;
  font: 500 1rem / 1.8 var(--fomt-family-main);
  color: #000000;
  background-color: #333333;
}
#running * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  #running {
    width: 980px;
  }
}
/* Common */
/* ======================================= */
#running h1,
#running h2,
#running h3,
#running h4,
#running h5,
#running h6 {
  margin-inline: auto;
  display: block;
}
#running strong,
#running b,
#running small {
  display: block;
}
#running p,
#running span {
  display: inline-block;
}
#running ul,
#running ol,
#running li {
  list-style: none;
}
#running sup {
  font-size: 60%;
}
#running a {
  text-decoration: none;
  overflow: hidden;
}
#running img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
#running summary {
  list-style: none;
}
#running summary::-webkit-details-marker {
  display:none;
}

button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}