@charset "utf-8";

ul.tab-buttons {
	display: -webkit-box;
	display: -moz-box ;
	display: box ;
	display: -webkit-flex ;
	display: flex ;
	-ms-flex-wrap: wrap ;
	-moz-flex-wrap: wrap ;
	-webkit-flex-wrap: wrap ;
	flex-wrap: wrap ;
	-webkit-justify-content: space-between ;
	justify-content: space-between ;
	margin: 2rem auto 4rem auto ;
	padding: 0 ;
	max-width:700px;
	width:100%;
}
ul.tab-buttons li {
	flex-basis: 31% ;
	-webkit-flex-basis: 31% ;
	-ms-flex-basis: 31% ;
	list-style-type: none ;
	margin: 0 auto 0 auto;
	text-align:center;
	color:#ffffff;
	padding:0;
}
ul.tab-buttons li a {
	padding:0.5em;
	text-decoration:none;
	display:block;
}
ul.tab-buttons li a:hover{
	background-color:#aaa;
}
ul.tab-buttons li.torikumi {
      background-color: #002060;
}
ul.tab-buttons li.event {
      background-color: #385723;
}


.tab-buttons button {
      padding: 10px 5px;
      cursor: pointer;
      border: none;
      font-size: 16px;
      color: white;
	  max-width:12em;
	  width:100%;
}

#allBtn {
      background-color: #666;
}

#torikumiBtn {
      background-color: #002060;
}

#eventBtn {
      background-color: #385723;
}

.tab-buttons button.active {
      background-color: #aaa !important;
      color: white;
}

.tab-content {
      display: none;
}

.tab-content.show {
      display: block;
}
#allBtn, #torikumiBtn, #eventBtn {
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
	font-size: clamp(15px, calc(1rem + 0.625vw), 18px);
}