@charset "UTF-8";
/**
 * flex css
 * @version 23.05.26
 */

.flex { display: flex; }

/* 横並び */
.flex.side { gap: 0 12px; align-items: center; }

.flex.al-bs { align-items: baseline; }
.flex.al-ce { align-items: center; }
.flex.al-st { align-items: flex-start; }
.flex.al-en { align-items: flex-end; }

/* リスト <ul class="flex s-a">or<ul class="flex s-b">で不足分のliを自動生成する */
ul.flex { flex-wrap: wrap; gap: 12px 12px; }
ul.flex.s-a { justify-content: space-around; }
ul.flex.s-b { justify-content: space-between; }