@charset "UTF-8";
/* CSS Document */

/*----------------------------------------
 兵庫
 ----------------------------------------*/
h3.month-hyogo{
	background: linear-gradient(transparent 60%, #add7002b 60%);
}
.event-box.e-hyogo {
  border: 2px solid #add700;
}
.event-box.e-hyogo h4{
	background: #add700;
}


/*----------------------------------------
 大阪
 ----------------------------------------*/
h3.month-hanwa{
	background: linear-gradient(transparent 60%, #ffba002b 60%);
}
.event-box.e-hanwa {
  border: 2px solid #ffba00;
}
.event-box.e-hanwa h4{
	background: #ffba00;
}

/*----------------------------------------
 共通
 ----------------------------------------*/
.event-schedule {
  padding: 30px 0;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3em 2em;
}
.event-schedule p {
  margin-bottom: 0;
}
.event-schedule .event-box {
  padding: 0;
  font-size: medium;
  border-radius: 10px;
}
.event-schedule .event-box h4 {
  padding: 10px 20px 8px 20px;
  margin: 0 0 10px 0;
  border-radius: 7px 7px 0 0;
  height: 3em;
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: bold;
}
.event-schedule a:focus, a:hover {
    text-decoration: none;
}
.event-schedule span:not(:first-of-type):not(:last-of-type) {
  display: none;
}
.event-schedule p {
  padding: 0 20px;
}
.event-schedule a.btn {
  border: solid 1px #555;
  background-color: #555;
  padding: 5px 20px;
  border-radius: 100px;
  color: #fff;
  margin-bottom: 15px;
}

.event-schedule .btn.focus, .btn:focus, .btn:hover {
    color: #fff;
	text-decoration: underline;
}




@media screen and (max-width:991px) {
	
.event-schedule {
  grid-template-columns: 1fr;
}
.event-schedule .event-box h4 {
  padding: 10px 10px 8px 10px;
  display: flex;
  font-size: 1.8rem;
}
.event-schedule p {
  padding: 0 10px;
}
	
}