@charset "UTF-8";
/* CSS Document */
.scraping_thumbnail_wrap {
  padding: 15px;
  background-color: #E7E7E7;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin-bottom: 25px; }

.scraping_thumbnail {
  width: 150px;
  height: 150px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  margin: 5px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background-size: cover; }

/* ラインの最初の色のスタイル */
#line {
  width: 100%;
  /* 横幅100% */
  height: 5px;
  margin: 40px auto;
  background: #ddd; }

/* ラインのアニメーション時の色と動き */
#line .expand {
  width: 100%;
  height: 5px;
  margin: 0;
  background: #17cddd;
  position: absolute;
  -moz-animation: fullexpand 5s ease-out;
  -webkit-animation: fullexpand 5s ease-out; }

/* キーフレームを使った横幅100%のローディングの始まりと終わりの変化 */
@-moz-keyframes fullexpand {
  0% {
    width: 0px; }
  100% {
    width: 100%; } }
@-webkit-keyframes fullexpand {
  0% {
    width: 0px; }
  100% {
    width: 100%; } }