@charset "utf-8";
#bannerlist{ display: flex; flex-wrap: wrap; justify-content: center; }

/* ----- */
.section_base {
  border-top: solid 1px #e4e0d0;
}
.caption{ text-align: center; }

/*----------------------------------------------------------------------------------
SPのみ
----------------------------------------------------------------------------------*/
@media screen and (max-width:640px){
#bannerlist{ margin-top: 40px; margin-bottom: 45px; }
#bannerlist li:first-child{ margin-bottom: 25px; }

.titlestyle01{ letter-spacing: 1.5px; }
.caption{ margin-top: 5px; line-height: 1.4em; }
}


@media screen and (min-width:641px){
#bannerlist{ margin-top: 80px; margin-bottom: 80px; }
#bannerlist li:first-child{ margin-bottom: 30px; }

}



/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1051px){
#bannerlist a{ -webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity  0.3s ease-in-out; }

#bannerlist a:hover { filter: alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65; }
}