@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENT
========================================================================== */
.event-group{
  overflow:hidden;
}
#event h3{
  font-size:1em;
  padding:0 10px;
}
#event p{
  padding:0 10px 20px 10px;
}



/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {
#head{
  border-bottom:1px solid #c6c6c6;
}

.event-box01{
  float:left;
  width:305px;
  margin-right:22px;
}
.event-box01 img{
  width:100%;
  margin-bottom:10px;
}
.event-box02{
  float:left;
  width:610px;
  margin-left:22px;
}
.event-box02 img{
  width:305px;
  margin-bottom:10px;
}
.event-box02 h3{
  text-align:center;
}
.event-box03{
  float:left;
  width:305px;
}
.event-box03 img{
  width:100%;
  margin-bottom:10px;
}


}

/* ------------------------------------------------------------
	 TABLET   for - 799px
------------------------------------------------------------ */

@media screen and (max-width:799px) {
.event-box01{
  float:left;
  width:33%;
}
.event-box01 img{
  width:100%;
  margin-bottom:10px;
}
.event-box02{
  float:left;
  width:66%;
}
.event-box02 img{
  width:50%;
  margin-bottom:10px;
}
.event-box02 h3{
  text-align:center;
}
.event-box03{
  float:left;
  width:33%;
}
.event-box03 img{
  width:100%;
  margin-bottom:10px;
}
}
/* ------------------------------------------------------------
	 SP　599pxまで
------------------------------------------------------------ */

@media screen and (max-width: 599px) {
.event-box01{
  float:none;
  width:100%;
}
.event-box01 img{
  width:100%;
  margin-bottom:10px;
}
.event-box02{
  float:none;
  width:100%;
}
.event-box02 img{
  width:100%;
  margin-bottom:10px;
}
.event-box02 h3{
  text-align:left;
}
.event-box03{
  float:none;
  width:100%;
}
.event-box03 img{
  width:100%;
  margin-bottom:10px;
}

}