@charset "utf-8";

.michinoeki{
	width:100%;
	display:flex;
	justify-content:space-between;
	gap:5%;
	list-style:none;}

.michinoeki li{
	width:30%;}

.michinoeki li a{
	display:flex;
	flex-direction:column;}

.michinoeki li .photo img{
	width:100%;
	vertical-align:bottom;
	transition:0.5s;}

.michinoeki li .text{
	background:#0094d7;
	color:#fff;
	text-align:center;
	padding:10px;
	transition:0.5s;
	box-sizing:border-box;}

.michinoeki li a{
	text-decoration:none;}

.michinoeki li a:hover{
	color:#fff;
	text-decoration:underline;}

.michinoeki li a:hover img{
	opacity:0.6;}

.michinoeki li a:hover .text{
	background:#00a672;}

@media (max-width: 640px){
.michinoeki{
	display:flex;
	flex-direction:column;
	gap:15px;}

.michinoeki li{
	width:100%;
	flex-direction:row;}

.michinoeki li a{
	display:flex;
	flex-direction:row;
	align-items:stretch;}

.michinoeki li .photo{
	width:25%;}

.michinoeki li .text{
	width:75%;
	display:flex;
	align-items:center;}


}