@charset "utf-8";
/* CSS Document */
main h2 {
  font-size: 60px;
  font-family: 'Encode Sans SC', cursive;
  font-weight: 600;
  margin: 89px 0 36px;
}
.description {
  font-size: 14px;
  padding: 30px 0 90px;
}
.description span {
  margin: 18px 0;
  display: flex;
  justify-content: center;
}
.fav_list {
  padding: 0 2%;
  width: 520px;
  margin: 0 auto;
}
.fav_list ul {
  background: #fcfcfc; /*背景色*/
  padding: 1em 0.5em 2em 1.5em; /*ボックス内の余白*/
  border: solid 3px gray; /*線の種類 太さ 色*/
  margin: 0 auto 10px;
}
.fav_list ul li {
  text-align: left;
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0 0; /*前後の文との余白*/
}
.fav_list h3 {
  margin: 24px 0 2px;
  padding-left: 15px;
  text-align: left;
  font-family: 'Geo', sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.fav_list h4 {
  font-size: 13px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 600;
  padding-bottom: 3px;
  line-height: 1.5;
  text-align: left;
}
.text {
  font-size: 13px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
  padding-bottom: 10px;
  line-height: 1.5;
  text-align: left;
}
.fav_list .syatyo, .fav_list .Creator {
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 600;
}
@media (max-width:900px) {
  .fav_list {
    width: 355px;
  }
  .fav_list ul {
    padding: 1em 0.5em 2em 1em; /*ボックス内の余白*/
    margin: 0 auto 10px;
  }
  .fav_list ul li {
    line-height: 1.5; /*文の行高*/
    font-size: 14px;
  }
}
@media (max-width:640px) {
  main h2 {
    font-size: 45px;
    font-weight: 600;
    font-family: 'DotGothic16', sans-serif;

    margin: 65px 0 5px;
  }
  .description {
  font-size: 14px;
  padding: 30px 15px 70px;
}
   .fav_list {
  padding: 0 5%;
}   
}
.footer {
  margin-top: 100px;
  background-color: #008545;
}