@import url(/css/common.css);

/*--------------------
Facebook
--------------------*/
main h1 {
  padding-bottom: 2.21%;
}
main dt {
  width: 58.5%;
  padding-bottom: 2.21%;
  float: right;
  clear: both;
}
main dt:first-child {
  clear: none;
}
main dt:last-of-type {
  padding-bottom: 0;
}
main dt img {
  border: 1px solid #4b4b4b;
}
main dd {
  width: 38.536%;
  padding-left: 2.96%;
  padding-bottom: 2.21%;
  float: left;
}
main dd:last-of-type {
  padding-bottom: 0;
}
main dd a {
  width: 69.3%;
  border: 1px solid #4b4b4b;
  float: left;
  display: block;
  box-sizing: border-box;
}
main dd a:hover {
  border: 1px solid #ff800e;
}
main dd > img {
  width: 30.7%;
  padding: 4.95%;
  float: left;
  display: block;
}

/*-----------------------
Mobile
-----------------------*/
@media screen and (max-width: 559px) {
  main dt {
    width: auto;
    padding-top: 10%;
    float: none;
  }
  main dt:first-child {
    padding-top: 5%;
  }
  main dt:last-of-type {
    padding-bottom: 2.21%;
  }
  main dt img {
    border: none;
  }
  main dd {
    width: 63%;
    padding-left: 0;
    float: none;
  }
}