@charset "utf-8";
/* ゲーム制作 */
.textbook {
  display: flex;
  flex-direction: row;
}
.textbook_image {
  margin: 0.5em;
  padding: 0;
  border: 1px solid #000;
}
.textbook_image img {
  width: 100%;
  height: auto;
}
.textbook_list {
  width: 50%;
  min-width: 468px;
  margin: 0 0.5em 0 0;
}
.javascript_index_list li+li{
    border-top:1px dashed #ccc;
}
.javascript_index_list li a {
  display: block;
  margin: 0;
  padding: 1em;
  background: #fff;
  color: #000;
  transition: 0.3s;
}
.javascript_index_list li a:hover {
  margin: 0;
  padding: 1em 1em 1em 2em;
  background: #7E9374;
  color: #E5DECA;
}
.javascript_index_list li a:before {
  content: "▼";
}
/*dlリスト*/
.javascript_column_list {
  margin: 0;
  padding: 0;
}
.javascript_column_list dt {
  margin: 0.5em 0 0 0;
  padding: 0.4em 0 0 0.5em;
　border: 1px solid #000;
  background: #22558A;
  color: #E5DECA;
}
.javascript_column_list dd {
  padding: 0.5em 1em;
  border: 1px solid #000;
}
.javascript_column_list dd a {
  display: block;
  margin: 0;
  padding: 0.5em;
}
.javascript_column_list dd a:before {
  content: '▼ ';
}
.javascript_column_list dd a:hover {
  background: #7E9374;
  color: #E5DECA;
}
.javascript_column_list dd a:hover:before {
  content: '▶ ';
  padding: 0 0 0 0.5em;
}
.result{
    display:block;
    padding:0.5em 1em;
}
.check_button{
    display:block;
    width:300px;
    background:#7E9374;
    color:#E5DECA;
    border:1px solid #000;
    margin:0.5em auto;
    padding:0.5em;
}