@charset "UTF-8";
/* Scss Document */

/*トップページ*/
.main-visual {
  /*max-width: 1200px;*/
    width: 960px;
  margin: 150px auto 0;
}
.main-visual img {
    max-width: 100%;
}

.news, .menu-list ul {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    margin-bottom: 2rem;
    
}
.twitter, .blog, .menu-list li {
    flex: 1 1 49%;
	padding: 1rem;
    margin-bottom: 1rem;
}
.blog {
    text-align: left;
}
.blog h2 {
    text-align: center;
}
.blog ul {
    margin-left: 2rem;
}
.blog li {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #333;
}
.blog li a {
    display: flex;
    align-items: center;
}
.blog ul li img {
    max-width: 100px;
    margin-right: 0.5rem;
}

.image-photo ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.image-photo li {
    display: block;
    width:calc(100% / 7);
    margin-bottom: -5px;

}
*::-ms-backdrop, .image-photo li{
  width: 14.28%; /* IE11 */
}

/* for smart phone & tablet*/
@media screen and (max-width: 768px) {
  .main-visual {
    width: 100%;

  }
    #main-visual img {
        max-width: 100%;
    }
    /*.image-photo a {
        max-width: calc(100% / 7);
    }  */  
   
   
}
/* smartphone */
@media screen and (max-width: 480px) {
    /*#main-visual {
        margin: 100px auto 0;
    }*/
    .news {
        flex-wrap: wrap;
    }
    .twitter, .blog, .menu-list li {
    display: block;
    margin-bottom: 1rem;
    }
	.twitter, .blog {
		flex: 1 1 100%;
	}
    .blog ul {
        margin-left: 0;
    }
    .image-photo li {
        width: calc(100% / 3);
        
    }
    
}