@charset "utf-8";



/* section */

section {
    width:80%;
    max-width:1000px;
    margin:0 auto;
}
section h3 {
    width:100%;
    margin:0 auto 30px;
    font-size:2.8rem;
    color: #00b900;
    text-align:center;
    letter-spacing:0.05rem;
}

.storeList {}

.storeList ul {
    margin:30px auto;
    display:flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;
}
.storeList ul li {
    width:25%;
    margin:20px 0 0;
    padding:20px 3% 10px;
    border:solid 3px #ddd;
    border-radius:15px;
}
.storeList ul li > img{width: 100%; object-fit: cover;}
.storeList ul li a img{width: 15%; padding-right: 10px;}


.storeList ul li a[target=_blank] {
    display: block;
    margin: 10px 0;
    line-height: 2.2;
    align-items: center;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: right center;
}
.storeList ul li a[target=_blank]:hover {
	color: #ceb849;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23B99b00%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');
}

.storeList ul li > div {
    width:100%; margin:10px 0 0 5px;
}
.storeList ul li > div strong {
    font-size: 1.2rem;
}

@media only screen and (max-width:840px){


    section h3 {
        margin:0 auto 30px;
        font-size:1.7rem;
    }
    .storeList > p {
        font-size:0.9rem;
        text-align:left;
    }
    .storeList ul {
        margin:10px auto;
    }
    .storeList ul li {
        width:84%;
        margin:20px 0 0;
        padding:20px 8% 10px;
    }
    .storeList ul li > a {
        width:100%;
        margin-top:15px;
        display: block;
    }
    
    .storeList ul li > a img {
        display:none;
    }
    .storeList ul li > a span {
        padding:8px 0;
        font-size:0.9rem;
    }
  
    .storeList ul li > div strong{
        width:100%;
    }
    .storeList ul li > div p {
        font-size: 0.9rem;
    }
    .storeList ul li > img{width: 100%; padding-bottom: 10px;}
    
    .storeList ul li a[target=_blank] {
    background: none;
    width: 100%;
    line-height: 2;
}
    .storeList ul li a img{width: 15%; padding-right: 5px;}

    
}