@charset "UTF-8";
/* 著作権eラーニング画面スタイルシート */
/* 著作権eラーニングボックス */
div#box_e_learning {
  margin: 20px calc(50% - 490px);
}

/* 著作権eラーニングボックス下部 */
div#box_e_learning_bottom {
  padding: 20px 13px 0;
}
div#box_e_learning_bottom h1 {
  margin-bottom: 20px;
  padding: 8px 8.5px 5px;
  border-radius: 5px;
  background: #7f7f7f;
  color: #fff;
}

/* テーマリスト */
div#theme_list {
  margin-bottom: 20px;
}
div#theme_list div.theme a {
  color: #0070c0;
}

/* 教材（著作権eラーニング画面で使用） */
div#e_learning_image {
  margin-bottom: 10px;
  border: 2px #e6e6e6 solid;
}
div#e_learning_image img {
  height: auto;
  width: 100%;
}

/* 教材SP用 */
div#e_learning_image_sp {
  display: none;
  margin-bottom: 10px;
  border: 2px #e6e6e6 solid;
}
div#e_learning_image_sp img {
  height: auto;
  width: 100%;
}

/* ボタンリスト（著作権eラーニング画面で使用） */
div#btn_list {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

/* 「前ページ」ボタン（著作権eラーニング画面で使用） */
div#btn_before_page {
  display: table-cell;
  width: 50%;
  padding-right: 5px;
}
div#btn_before_page img {
  height: auto;
  width: 100%;
  max-width: 162px;
}

/* 「次ページ」ボタン（著作権eラーニング画面で使用） */
div#btn_next_page {
  display: table-cell;
  width: 50%;
  text-align: right;
  padding-left: 5px;
}
div#btn_next_page img {
  height: auto;
  width: 100%;
  max-width: 162px;
}

/*-----------------------------------------------------------
	画面サイズが1015px以下
		1.著作権eラーニングボックス左右マージン変更
-----------------------------------------------------------*/
@media screen and (max-width: 1015px) {
  /*----*/
  /* 1. */
  /*----*/
  /* 著作権eラーニングボックス */
  div#box_e_learning {
    margin: 20px 10px;
  }
}
/*-----------------------------------------------------------
	画面サイズが768px以下
		1.教材画像変更
-----------------------------------------------------------*/
@media screen and (max-width: 768px) {
  /* 教材（著作権eラーニング画面で使用） */
  div#e_learning_image {
    display: none;
  }

  div#e_learning_image_sp {
    display: block;
  }
}