@charset "UTF-8";
/* style.css
----------------------*/

.df {
	display: flex;
    justify-content: center;
    margin: 0 0 20px 0;
	gap: 20px;
}

.df a.img-cmn-border:hover::before{
	border-radius:30px;
}

.df .img-cmn-border:before, .img-cmn-border-hover:before {
	border: 0;
}

.df img{
	width: 100%;
	max-width: 300px;
}

.image-list {
  display: flex;
  flex-wrap: wrap;   /* 折り返し */
  gap: 24px;         /* 画像間の余白 */
  justify-content: center;
}

.image-list li {
    width: calc((100% - 24px) / 2);
    max-width: 340px; /* お好みで320～380pxくらい */
    list-style: none;
}

.image-list img {
  display: block;
  width: 100%;
  height: auto;
}

ol.list-cmn:not(.s-no-count)>li:before {
    content: counter(num) ".";
    float: left;
    margin-right: .25em;
}

.dpoint-card img{
    width: 100%;
    max-width: 430px;
}