@charset "UTF-8";
/* 埋め込みコースリスト */
.course_list {
  width: 650px;
}
.course_list h3 {
  background: #433D36;
  color: #fff;
  padding: 5px 15px;
  border-bottom: solid 2px #6B6661;
  border-radius: 5px 5px 0 0;
}

.course_list h3 {
  margin: 0 0 10px;
}

.course_list .topics_box {
  margin: 0 0 40px;
}

.course_list .topics_box h3 {
  margin: 0;
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  background-color: #F2ECDB;
  color: #6AA019;
  border-color: #D9C895;
  border-style: solid;
  border-width: 0 0 2px;
}

.course_list .topics_box h3 a {
  color: #6AA019;
  text-decoration: none;
}

.course_list .topics_box .icons {
  height: 35px;
  margin: -30px 0 0;
  padding: 0 5px;
  text-align: right;
}

.course_list .topics_box .content_image_box {
  padding: 10px;
}

.course_list .topics_box .explanation {
  padding: 10px;
}

.course_list .topics_box form {
  clear: both;
  border-color: #C9C9C2;
  border-style: dotted;
  border-width: 1px 0 0;
}
.course_list .topics_box form .price {
  margin: 5px;
  border: solid #F2ECDB 1px;
  height: 30px;
  line-height: 30px;
  width: 50%;
}
.course_list .topics_box form .price span {
  display: inline-block;
  margin: 0 20px 0 10px;
  float: left;
  color: #7B6862;
  font-weight: bold;
}
.course_list .topics_box form .action_link {
  height: 30px;
  margin: -35px 0 0;
  padding: 0 5px;
  text-align: right;
}
.course_list .topics_box form .action_link .btn_detail {
  display: inline-block;
  padding: 0 10px;
  line-height: 30px;
  border: solid #999 1px;
  background: #fff;
  color: #6AA019;
  border-radius: 5px;
  text-decoration: none;
}
.course_list .topics_box form .action_link button {
  display: inline-block;
  padding: 0 10px;
  line-height: 30px;
  border: none;
  background: #6AA019;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

@media (max-width: 560px) {
  .course_list {
    width: auto;
  }

  .course_list h3 img {
    max-width: 100%;
    height: auto;
  }

  .course_list .topics_box form .price {
    width: auto;
  }
  .course_list .topics_box form .action_link {
    margin: 0;
  }

  .course_list .topics_box .icons {
    margin: 10px 0 0;
  }

  .course_list .topics_box .action_link {
    margin: 10px 0 0;
  }

  .course_list .topics_box .content_image_box {
    margin: 0;
    float: left;
  }

  .course_list .topics_box .explanation {
    margin: 0;
    padding: 0;
  }
}

/*# sourceMappingURL=course_list.css.map */