@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 480px) {
	.archive_sp {
		display: none;
	}

  ul {
    list-style: none;
		margin: 0;
  }
	.first, .second, .third, .fourth, .fifth, .sixth, .seventh{
		width: 100%;
	}
 ul {
	 width: 33.333333%;
	 padding: 0 10px 0 10px;
 }
 img {
	 width: 100%;
	 padding: 0 10px 0 10px;
	 margin-bottom: 10%;
}

.first {
	margin-top: 40px;
 }

}
@media screen and (max-width: 479px)
 {
	 .archive_pc {
	 	display: none;
	 }
   .archive_sp {
     padding: 15px 0;
   }
   .archive_sp ul {
     list-style: none;
     margin: 0;
   }

  ul {
    width: 100%
  }
  img {
    width: 100%;
    padding: 0 10px 0 10px;
    margin-bottom: 7%;
  }
}

.first ul,
.second ul,
.third ul,
.fourth ul,
.fifth ul,
.sixth ul,
.seventh ul{
  float: left;
}



.clearfix::after {
   content: "";
   display: block;
   clear: both;
}