@charset "utf-8";
/* CSS Document */






img{
max-width:100%;
height:auto;
}

/* マウスオバーで画像を半透明
------------------------- */

a img:hover {
opacity: 0.6;
transition: 1.0s ;
}



/* 写真を並べるボックス
------------------------- */

.bigbox {
  display: flex;
  justify-content:flex-start;
	flex-wrap: wrap;
}
.bigbox .box240 {
  width: 240px;
text-align: center;
margin: 30px 10px;
border: 1px solid #ccc;
}



@media screen and (max-width: 767px) {
  .bigbox {
    flex-direction: column;
  }
  .bigbox .box240 {
    width: 100%;
  }
	
}


/* mouseover
------------------ */
.mo1{
width: 240px;
height: 160px;
margin: 0 auto;
overflow: hidden;
cursor: pointer;
}
.mo1 img{
width: 100%;
transition-duration: 0.5s;
}
.mo1:hover img{
transform: scale(1.2);
transition-duration: 0.5s;
}