@charset "utf-8";
/* ----------------------------------------------
	ev_year 追加
---------------------------------------------- */
.fig{
  max-width: 30em;
  margin: 1em auto;
}

figcaption{
  text-align: center;
  font-weight: bold;
}

.fig--event{
  display: table;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.fig--event img{
  width: 30em;
}

@media(min-width:60.001em){
   .fig__inner--event{
    display: inline-block;
    margin-right: 1em;
  }
}

a.btn_spot {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 14em;
	margin: 1em 0 1em auto;
	padding: 0.25em 1em;
	font-weight: bold;
	border: 3px solid #ff66cc;
	background: #ff66cc;
	color: #fff;
	transition: 0.8s;
    border-radius:5px;
}
a.btn_spot:hover {
	color: #ff66cc;
	background: #fff;
}

.htToIndex a {display: block;width: min(70vw, 30em);padding: .5em 1.5em;margin: 0 auto min(5vw, 40px);background-color: #FFF;border: 2px solid #48bbe5;border-radius: 8px;text-align: center;color: #48bbe5;font-weight: bold;text-decoration: none;transition: none;}

.htToIndex a:hover {background-color:rgba(72,187,229,.15)}



@media screen and (max-width: 599px) {
    
  a.btn_spot {
        /*width: 360px;*/
          margin: 1em auto;
    
    
      }

}