@charset "UTF-8";
/* あ */

dl.dl_type1, dl.dl_type2{  /* dl_type2はh2のかわり。見出しがたくさん並ぶところに。 */
  margin-bottom: 80px;
}

dl.dl_type1{
  margin-left: 10px;
  margin-right: 10px;
  padding: 40px 10px 10px 10px;
  border: 1px solid #ccc;
}

dl[class*=dl_type] dt{
  border-bottom: 2px solid #69f;
}

dl[class*=dl_type] .dt_type1, dl[class*=dl_type] .dt_type2{
  margin-bottom: 15px;
  padding: 2px 0 0 40px;
  font-size: 1.1em;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  border-top: 2px solid #69f;
}

dl[class*=dl_type] dt.dt_type1{
  background-image: url("../../images/h_arrow.png");
}

dl[class*=dl_type] dt.dt_type2{
  background-image: url("../../images/h_arrow2.png");
}

dl[class*=dl_type] .dt_type3{
  margin-bottom: 30px;
  padding-left: 10px;
}

dl.dl_type1 dd{
  margin-bottom: 30px;
}

/* PC */
@media screen and (min-width:960px){
  dl.dl_type1 dd{
    padding: 0 20px;
  }

  dl[class*=dl_type] .dt_type3{
    font-size: 1.3em;
  }
}

/* タブレットスマートフォン */
@media screen and (max-width:959px){
  dl.dl_type1 dd{
    padding: 0 10px;
  }

  dl[class*=dl_type] .dt_type3{
    font-size: 1.2em;
  }
}

dl.dl_type2 dd{
  padding: 0 5px 0 15px;
}

p.stars{
  text-align: right;
  margin-bottom: 15px;
}

/* PC */
@media screen and (min-width:960px){
  p.stars{
    margin-right: 100px;
    font-size: 0.9em;
  }
}

p.more{
  text-align: right;
  margin-bottom: 10px;
}

/* PC */
@media screen and (min-width:960px){
  p.more{
    margin-right: 20px;
  }
}