/* カスタマイズ用CSS */

/* fontawesome表示用CSS */
@import url(//use.fontawesome.com/releases/v5.3.1/css/all.css);
.fa-bars:before {
    font-family: "Font Awesome 5 Free";
    content:"\f0c9";
    font-weight: 900;
}

.ec-itemNav {
    text-align: left;
}
.ec-footerRole {
    background: darkcyan;
}
.ec-blockBtn,.ec-inlineBtn,.ec-blockBtn--top,.ec-inlineBtn--top,.ec-blockBtn--action,.ec-inlineBtn--action,.ec-blockBtn--cancel,.ec-blockBtn--action,.ec-inlineBtn--cancel {
    border-radius: 10px;
}

/* テーブルレイアウト */
table.layout01 {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 14px;
}
table.layout01 th,
table.layout01 td {
  border: 1px solid #ccc;
  padding: 8px 10px;
  text-align: center;
}
table.layout01 thead th,
table.layout01 tr th[scope="col"] {
  background-color: #6a3d8f;
  color: #fff;
  font-weight: bold;
}
table.layout01 tr th[scope="row"] {
  background-color: #f3eef8;
  font-weight: bold;
  text-align: left;
}
table.layout01 tr:nth-child(even) td {
  background-color: #faf7fd;
}

table.layout02 {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 14px;
}
table.layout02 th,
table.layout02 td {
  border: 1px solid #ccc;
  padding: 10px 14px;
  vertical-align: top;
}
table.layout02 th {
  background-color: #6a3d8f;
  color: #fff;
  font-weight: bold;
  text-align: left;
  width: 30%;
}
table.layout02 tr:nth-child(even) td {
  background-color: #faf7fd;
}