@charset "utf-8";

.sp{
    display: block;
}


ol.column{
    flex-flow: column;
    
}
.delivery li{
    width: 100%;
}
.delivery ol{
    width: 100%;
}

.flex {
    display: flex;
}

.column {
    flex-direction: column;
}

/* ol を画面幅いっぱいにする */
ol.flex.column {
    width: 100%;
    padding: 0;
    margin: 0;
    align-items: center; /* li を中央に寄せる */
}

/* li を 300px にする */
ol.flex.column li {
    width: 300px;
    list-style: none;
    text-align: center;
    margin-bottom: 10px; /* ← これが「下の隙間」 */

}

/* 画像がはみ出さないように */
ol.flex.column img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: -10px
}

ol.flex.column li span {
    display: block;
    margin-left: 17px; /* ← 右に寄せられる */
    text-align: left;  /* ← 左揃えのまま右に寄る */
}

#copyright{
    color: #FCFBF9;
  position: absolute;
  left: 0px;   /* 左からの距離 */
  padding-left: 15px;
  bottom: 3px; /* 下からの距離 */
  margin: 0;
}