@charset "utf-8";

/* ===================================================================
CSS information

 file name  :function.css
 author     :Sky Co., LTD.
 style info :【機能概要 用】

=================================================================== */

/* LT ST RT版アイコン*/
.ed_ooo,
.ed_oox,
.ed_oxx,
.ed_xxx {
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
	padding-right: 84px;
}

.ed_ooo {
	background: url(/common/img/ed_ooo.png) center right no-repeat;
}

.ed_oox {
	background: url(/common/img/ed_oox.png) center right no-repeat;
}

.ed_oxx {
	background: url(/common/img/ed_oxx.png) center right no-repeat;
}

.ed_xxx {
	background: url(/common/img/ed_xxx.png) center right no-repeat;
}

.note {
	font-size: 90%;
	color: #EA1B00;
	text-align: right;
}


/* タイトル　青字*/
.contents__header--blueaccent {
	color:#008cd6;
	font-size: 1.2rem !important;
	font-weight: 500;
}

/* チェック*/
.contents__header--check {
	color: #F08300;
	position: relative;
	line-height: 1.3;
	font-size: 1.3rem !important;
	font-weight: 500;
	padding-left: 4.0em;
}
.contents__header--check::before {
	position: absolute;
	font-size: .938rem;
	line-height: 1.0;
	content: "Check";
	color: #008c3e;
	background-color: #FFF;
	border: 1px solid #008c3e;
	padding: .4em .6em;
	letter-spacing: 0.1em;
	border-radius: .2em;
	margin-right: .6em;
	left: 0;
	display: inline-block;
	vertical-align: .1em;
}
/* ポイント*/
.contents__header--point {
	color:#008cd6;
	position: relative;
	line-height: 1.3;
	font-size: 1.3rem !important;
	font-weight: 500;
	padding-left: 4.0em;
}
.contents__header--point::before {
	position: absolute;
	letter-spacing: 0.1em;
	left: 0;
}

/* プログラミング：理科・算数*/
.contents__item {
	margin-top: 2em;
}
.science,
.math {
	position: relative;
	line-height: 1.5;
	font-size: 1.3rem !important;
	font-weight: 500;
	padding-left: 3.0em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #DDD;
}
.science::before{
	content: "理科";
}
.math::before{
	content: "算数";
}
.science::before,
.math::before{
	position: absolute;
	font-size: .938rem;
	line-height: 1.0;
	color: #008c3e;
	background-color: #FFF;
	border: 1px solid #008c3e;
	padding: .4em .6em;
	letter-spacing: 0.1em;
	border-radius: .2em;
	margin-right: .6em;
	left: 0;
	display: inline-block;
	vertical-align: 0.6em;
}

/* リストのフォント調整*/
.list-normal {
	font-size: .9em;
}
.list-annotation {
	font-size: .8em;
}

@media screen and (min-width: 48em) {
	.contents__header--blueaccent {
		font-size: 1.4rem !important;
	}
	.contents__header--check {
		line-height: 1.4;
		font-size: 1.6rem !important;
		padding-left: 3.5em;
	}
	.contents__header--check::before {
		vertical-align: .4em;
		line-height: 1.5;
	}
	.science,
	.math {
		line-height: 1.3;
	}
}


/* 特許マークなど*/
.contents__header--title span img {
	margin-left: 10px;
}