@charset “Shift_JIS”;

/*カスタムプロパティ*/
:root {
  --main-color: #a20;
}

/*擬似クラス(LVHA)*/
a:link {
  color:inherit;/*未訪問のリンクの色*/
  text-decoration: none;
}  
a:visited {
  color:inherit;/*訪問済みのリンクの色*/
  text-decoration: none;
}
a:hover {
  text-decoration: underline;/*カーソルが乗っているとき下線を引く*/
} 
a:active { 
  text-decoration: underline; /*クリックしたときの～*/
}


body {
  background-color: #fee;
  font-family: "Times New Roman";
  min-width: 350px;
  list-style: none;
  margin: 0;
}

header {
  position: fixed;
  width: 100%;
  color: #fff;
  background-color: var(--main-color);
  text-align: center;
  margin: 0px;
}

main {
  display: flex;
  justify-content: center;
   min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

/* トップの見出し */
#Top {
  border-color: var(--main-color);
  border-bottom-style: dotted ;
  margin: 10px;
  padding: 10px;
}
h1 {
  color: var(--main-color);
  font-size:40px;
  text-align: center;
  margin-right: 50px
}
.mgl-10 {
  margin-left: 50px;
}

/* 作品リスト */
#Works {
  border-color: var(--main-color);
  border-bottom-style: dotted ;
  margin: 10px;
  padding: 10px;
}

/* リンク */
#Links {
  margin: 10px;
  padding: 10px;
}
h3 {
  color: var(--main-color);
}

#Links div li{
  list-style:none;
}

footer {
  position: fixed;
  width: 100%;
  color: #fff;
  background-color: var(--main-color);
  text-align: center;
  margin: 0
  position: absolute;/*←絶対位置*/
  bottom: 0; /*下に固定*/
}