#main-lead {
  margin-top: var(--main-margin-height);
  text-align: center;
  font-weight: bold;
}

#main-lead span {
  display: inline-block;
}

#main-lead-yotei {
  margin-top: 10px;
}

#genba-list {
  text-align: left;
  list-style-type: none;
}

#genba-list > li {
  text-align: left;
  margin: 15px 0;
}

#genba-list > li h1  {
  font-size: 0.95em;
  letter-spacing: -0.05em;
}

#genba-list > li h1 .alpha {
  display: inline-block;
  color: var(--site-white-color);
  background-color: #000000;
  padding: 0.5em 0;
  width: 2em;
  line-height: 1em;
  text-align: center;
  margin-right: 0.5em;
}

#genba-list > li h1 .open {
  display: inline-block;
  background-color: #2b63be;
  color: #ffffff;
  padding: 0.4em 0.4em;
  line-height: 1em;
  text-align: center;
  margin-right: 0.5em;
  font-size: 0.7em;
  vertical-align: 0.2em;
}

#genba-list > li h1 .full {
  display: inline-block;
  background-color: var(--site-red-color);
  color: #ffffff;
  padding: 0.4em 0.4em;
  line-height: 1em;
  text-align: center;
  margin-right: 0.5em;
  font-size: 0.7em;
  vertical-align: 0.2em;
}

#genba-list > li h1 .limited {
  display: inline-block;
  background-color: #c3c831;
  color: #ffffff;
  padding: 0.4em 0.4em;
  line-height: 1em;
  text-align: center;
  margin-right: 0.5em;
  font-size: 0.7em;
  vertical-align: 0.2em;
}

#genba-list > li .date,
#genba-list > li .venue,
#genba-list > li .products {
  margin-top: 5px;
  line-height: 1.4em;
  font-size: 0.8em;
}

#genba-list > li .date {
  margin-top: 10px;
}

#genba-list > li .text {
  margin-top: 15px;
  font-size: 0.8em;
  line-height: 1.4em;
}

#genba-list > li .text h1 {
  font-size: calc(0.9em/0.8);
  margin-bottom: 0.3em;
}

#genba-list > li .text img.photo {
  float: right;
  width: 150px;
  height: auto;
  margin: 0 0 0.5em 0.5em;
}

#genba-list > li .text strong {
  color: var(--site-red-color);
}

#genba-list > li .text a {
//  color: #000000;
}

#genba-list > li .text .site-link {
  margin-top: 0.5em;
  line-height: 1.6em;
}

/*
#genba-list #committee table tr th, #genba-list #committee table tr td {
  vertical-align: middle;
}

#genba-list#committee table tr th {
  width: calc(100%/5);
  text-align: center;
//outline: solid 1px red;
}
*/

#yotei-list {
  list-style-type: none;
  margin-top: 20px;
  text-align: left;
}

#yotei-list li {
  display: inline-block;
  width: 100%;
  padding: 0.5em 0;
  font-size: 0.9em;
  line-height: 1em;
  vertical-align: top;
  text-align: left;
}

#yotei-list li:before{
  content: "■ ";
  vertical-align: 0.1em;
}

/*
#yotei-list {
  margin-top: 20px;
  list-style-type: none;
  text-align: left;
}

#yotei-list > li {
  display: inline-block;
  margin: 5px 15px;
}
*/

#yotei-etc {
  text-align: center;
  margin-top: 20px;
  font-size: 0.8em;
}

@media screen and (min-width: 480px), print{
/*
#genba-list.kari > li {
  display: inline-block;
  width: calc(100%/2 - 45px);
  margin: 5px 15px;
  vertical-align: top;
}
*/
#yotei-list {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
}
}

@media screen and (min-width: 960px), print{

#main-content {
  width: 960px;
}

/*
#lead {
  font-size: 20px;
}
*/

/*
 * yotei-list
 */
#yotei-list {
//  width: 840px;
  width: 900px;

/*
  margin-left: auto;
  margin-right: auto;
*/
}

#yotei-list li {
  width: calc(100%/2 - 0.5em);
}

/*
 * genba-list
 */
#genba-list {
  text-align: center;
//  font-size: 18px;
}

#genba-list > li {
  display: inline-block;
  width: calc(100%/2 - 45px);
  margin: 15px 15px;
  vertical-align: top;
}

#genba-list > li .text img.photo {
  width: calc(100%/3);
}
}