@charset "utf-8";

/*==============================================================================
【ページ全体の大枠】
================================================================================*/
#csm_decadriver a:hover{
  opacity:0.8;
}

#csm_decadriver .cardlist_wrap_area {
  font-family: YuMincho,'Yu Mincho',serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0 1.6%;
}
#csm_decadriver .cardlist_wrap_area li {
  display: flex;
  margin: 0 0.8% 5%;
}
#csm_decadriver .cardlist_wrap_area .cardlist_area {
  position: relative;
  color: #fff;
  background-color: #404040;
  z-index: 2;
}
#csm_decadriver .cardlist_wrap_area .cardlist_area::before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: auto;
  top: -12px;
  bottom: -12px;
  background: url(20211109_decadriver_5gwsxp6f_0js7xa_cardlist_bg_top.png) no-repeat top center,
              url(20211109_decadriver_5gwsxp6f_0js7xa_cardlist_bg_btm.png) no-repeat bottom center;
  padding: 12px 0 12px;
}
#csm_decadriver .cardlist_wrap_area .cardlist_area h3 {
  position: relative;
  background: #f0057c;
  font-size: 14.5px;
  line-height: 1.0;
  letter-spacing: -1px;
  padding: 0 0 8.4%;
}
#csm_decadriver .cardlist_wrap_area .cardlist_area h3.oneline {
  padding: 8.8% 0 16.4%;
}
#csm_decadriver .cardlist_wrap_area .cardlist_area h3.twoline {
  padding: 4.8% 0 12.4%;
}
#csm_decadriver .cardlist_wrap_area .cardlist_area h3::before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: auto;
  bottom: 0;
  background: url(20211109_decadriver_5gwsxp6f_0js7xa_cardlist_line_01.png) repeat-x bottom center;
  padding: 12px 0 0;
}
#csm_decadriver .cardlist_wrap_area .cardlist_area h3 span {
  display: inline-block;
  padding: 0 0 0.4em;
}
#csm_decadriver .cardlist_wrap_area .cardlist_area img {
  margin: 1.4em 1em 0;
}