@charset "utf-8";
/***************************************************
メインコンテンツ専用CSS
  filename : body_contents_list.css;
***************************************************/

.con_list_group_title{
  display:flex;
  position:relative;
  align-items: center;
  border-top: 1px solid #ddd;
}
.con_list_group:first-child .con_list_group_title{
  border-top:none;
}
.con_list_group_title:after{
  position:absolute;
  content:'';
  width:18px;
  height:9px;
  top:50%;
  right:20px;
  background:url(../../images/main/arrow.png)no-repeat;
  background-size:contain;
  transform:translateY(-50%);
  opacity:0.5;
  transition:0.3s;
}
.open .con_list_group_title:after{
  transform:translateY(-50%)rotateX(-180deg);
  transition:0.3s;
}
@media screen and (max-width:540px){
  .con_list_group_title:after{
    right:4px;
  }
}

.con_list_group_title p{
  padding:8px 20px;
  border-radius: 20px;
  background:#f2f2f2;
  line-height: 1;
}
.con_list_group_title h2{
  margin:24px;
  font-size:22px;
  font-weight:normal;
  color:var(--app-basic-txt);
}

.con_list .con_list_group_item .ListBox dl.clmDetail{
  padding:0px;
  border-bottom:none;
}

@media screen and (max-width:540px){

  .con_list_group_title p{
    padding:8px 8px;
    font-size:12px;
  }
  .con_list_group_title h2{
    margin:24px 24px 24px 8px;
    font-size:16px;
    font-weight:bold;
  }

}

.con_list_group_item{
  height:0px;
  padding:0px;
  background:#f2f2f2;
  transition:0.4s;
}
.open .con_list_group_item{
  height:100%;
  transition:0.5s;
  padding:16px 1px;
}

@media screen and (max-width:540px){
  /* .con_list_group_item{
    padding:8px 1px;
  }
  .open .con_list_group_item{
    padding:1px;
  } */
}

.con_list .conListArea{
  display:none;
}
.con_list .open .conListArea{
  display:block;
}

.ListTSgle dd.title_area h2.ListMainTitle a{
  display: block;
  margin: 0px 40px;
  color:var(--app-link-txt);
  font-size:18px;
  font-weight:normal;
}
h2.ListMainTitle a:hover{
  opacity:0.75;
}
@media screen and (max-width:540px){
  .ListTSgle dd.title_area h2.ListMainTitle a{
    margin: 8px 24px;
    font-size:14px;
    font-weight:bold;
  }

}