@charset "UTF-8";
/* CSS Document */

/* 共通（メイン）
----------------------------------------------------------- */

.wrapper1 h2 {
	margin: 0 0 35px;
	padding: 20px 0 17px 40px;
	color: #004a9e;
	font-size: 185.71%;
	font-weight: bold;
	background: #e7f0f8;
  border-left: solid #004a9e 10px;
}
@media screen and (max-width: 767px) {
  .wrapper1 h2 {
  padding: 20px 0 17px 10px;
	font-size: 142.86%;
}
}

/* タイトル（モーダル部分抜粋　2次階層タイトル用）
----------------------------------------------------------- */
.pageTitle {
  padding: 0 0 0 0px;
  color: #d84700;
  font-size: 2.3em;
  font-weight: bold;
}

/* 共通（サイドバー）
----------------------------------------------------------- */

/*#side1 {
	padding: 0 0 0;
}*/

#side1 ul {
	margin: 0 0 15px;
  list-style: none;
}

#side1 li {
	margin: 0 0 7px;
	border-bottom: 1px dashed #a7a79d;
}

#side1 li:last-child {
	border: none;
}

#side1 li.current {
	background-color: #d84700;
  border-radius: 10px;
  padding-top: 5px;
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
}

#side1 li a {
	display: block;
	padding: 5px 10px 11px 20px;
}

#side1 li a:hover {
	color: #d84700;
}

#side1 li.current a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#side1 p {
	margin: 0 0 10px;
}

/* 学習一覧
----------------------------------------------------------- */
.studyList h2 {
	margin: 0;
}

.studyList > div {
	padding: 5px 8px;
	border-top: 1px solid #b2b29b;
}

.studyList h2 + div {
	border: none;
}

.studyList div:last-child {
	padding: 5px 8px 8px;
}

.studyList a {
	display: block;
	overflow: hidden;
	padding: 20px 30px 0px 30px;
	text-decoration: none;
}
.studyList a:hover {
	background: #fbefe7;
}

.studyList a dt {
  margin-bottom:5px;
	font-size: 170%;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
  .studyList > div {
	padding: 0px 8px;
}

  .studyList div:last-child {
	padding: 0px 8px 3px;
}

  .studyList a dt {
	font-size: 130%;
}
}

.studyList a dt span {
	text-decoration: underline;
  padding-top: 10px;
}

.studyList a:hover dt {
	color: #d84700;
}

.studyList a:hover dt span {
	text-decoration: none;
}

.studyList a figure{
	padding-left: 40px;
}

.studyList a figure img{
	border: 1px solid #c5c5c5;
}