@-webkit-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.news { float: left; width: 450px; margin: 24px 0 0; }
.news__title { margin: -8px 0 8px; border-bottom: 2px dashed #a4967d; }
.news__title img { position: relative; bottom: -8px; }
.news__contents { height: 200px; overflow: auto; }
.news__contents article { overflow: hidden; padding: 12px 0 8px; border-bottom: 1px dashed #a4967d; }
.news__contents article time { float: left; }
.news__contents article h3 { padding: 0 0 0 10em; }
.news__image { margin: 30px 0 0; text-align: center; }

.fb-plugin { float: right; width: 450px; margin: 56px 0 0; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { .news { float: none; width: auto; }
  .news__image { display: none; }
  .news__contents { padding: 0 0 16px; border-bottom: 2px dashed #a4967d; }
  .news__contents article time { float: none; }
  .news__contents article h3 { padding: 00; }
  .fb-plugin { float: none; width: auto; margin: 24px 0 24px; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) { .news { float: none; width: auto; }
  .news__image { display: none; }
  .news__contents { padding: 0 0 16px; border-bottom: 2px dashed #a4967d; }
  .fb-plugin { float: none; width: auto; margin: 24px 0 24px; } }
/* pc
-------------------------------------------------- */

/*# sourceMappingURL=top.css.map */