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

*{
margin:0;
padding:0;
outline:none;
}
html{
height:100%;
}
body{

}
img{
border:none;
}
ol,ul{
list-style:none;
}


/*テキスト*/

.t26b{font-size:216%; line-height:1.8em; font-weight:bold;}
.t26{font-size:216%; line-height:1.8em;}
.t24b{font-size:200%; line-height:1.8em; font-weight:bold;}
.t24{font-size:200%; line-height:1.8em;}
.t22b{font-size:183%; line-height:1.8em; font-weight:bold;}
.t22{font-size:183%; line-height:1.8em;}
.t20b{font-size:166%; line-height:1.8em; font-weight:bold;}
.t20{font-size:166%; line-height:1.8em;}
.t18b{font-size:150%; line-height:1.8em; font-weight:bold;}
.t18{font-size:150%; line-height:1.8em;}
.t16b{font-size:130%; line-height:1.8em; font-weight:bold;}
.t16{font-size:130%; line-height:1.8em;}
.t14b{font-size:116%; line-height:1.8em; font-weight:bold;}
.t14{font-size:116%; line-height:1.8em;}
.t12b{line-height:1.8em; font-weight:bold;}
.t12{line-height:1.8em;}
.t10b{font-size:83%; line-height:1.2em; font-weight:bold;}
.t10{font-size:83%; line-height:1.2em;}

a{color:#018fca; text-decoration:none;}
a:active{color:#72c7ea; text-decoration:underline;}
a:visited{color:#018fca;text-decoration:none;}
a:hover{color:#72c7ea; text-decoration:underline;}

.t20bg{font-size:166%; line-height:1.8em; font-weight:bold; color:#42a69e}
.t16b_2{font-size:130%; line-height:1.2em; font-weight:bold;}


/*その他*/

.t_ma5{margin:5px 0 0 0;}
.t_ma10{margin:10px 0 0 0;}
.t_ma20{margin:20px 0 0 0;}
.t_ma25{margin:25px 0 0 0;}
.t_ma30{margin:30px 0 0 0;}
.t_ma40{margin:40px 0 0 0;}
.t_ma50{margin:50px 0 0 0;}
.t_ma60{margin:60px 0 0 0;}
.t_ma70{margin:70px 0 0 0;}
.t_ma80{margin:80px 0 0 0;}

.t_pa10{padding:10px 0 0 0;}
.t_pa20{padding:20px 0 0 0;}
.t_pa30{padding:30px 0 0 0;}
.t_pa40{padding:40px 0 0 0;}
.t_pa50{padding:50px 0 0 0;}
.t_pa60{padding:60px 0 0 0;}
.t_pa70{padding:70px 0 0 0;}
.t_pa80{padding:80px 0 0 0;}

.c_both{clear:both;}

.hideAtSP {
	display: none;
}


/*---------------------------------

BC_MEM-22809 【教育情報サイト】読書感想文_画像のテキスト化

---------------------------------*/
.maintitle {
	position: relative;
}
.maintitle-img {
	max-width: 100%;
	width: 280px;
	display: block;
	margin: 0 auto;
}

.maintitle__disc {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 280px;
	height: 100%;
	text-align: left;
	font-weight: bold;
}
.maintitle__disc-lead {
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 2px 18px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #0070cb;
	border-radius: 50px;

	display: inline-block;
	position: absolute;
	width: 250px;
	top: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.maintitle__disc-main {
	font-size: 25px;
	font-weight: bold;
	line-height: 1.3;

	display: inline-block;
	position: absolute;
	top: 56px;
	left: 15px;
	letter-spacing: 3px;
}
.maintitle__disc-main--green {
	color: #009944;
}
.maintitle__disc-main--orange {
	color: #f66500;
}
.maintitle__disc-main--black {
	color: #2f2f2f;
}
.maintitle__disc-weak {
	color: #0070cb;
	font-size: 16px;
	display: inline-block;
	position: absolute;    
	top: 125px;
	left: 17px;
	letter-spacing: 4px;
}
.maintitle__disc-weak .strong {
	font-size: 37px;
	line-height: 1.2;
}

/* リンクボタン追加 */
#link-area .link-area-inner {
	text-align: center;
	padding-top: 30px;
}
#link-area .link-img-wrap {
	display: inline-block;
}
#link-area .link-img-wrap:hover {
	opacity: .8;
}
#link-area .link-img {
	width: 290px;
}

/*---------------------------------

ローカルナビ

---------------------------------*/
/* .localnav {
	background-color: #f5f5f5;
}
.localnav-inner {
	padding: 30px 35px;
	box-sizing: border-box;
}
.localnav__step {
	margin-bottom: 5px;
}
.localnav__step-ttl {
	font-size: 25px;
	font-weight: bold;
	padding: 2px 0;
	padding-left: 52px;
	box-sizing: border-box;
	border: solid 3px #e5e5e5;
	background-color: #fff;

	position: relative;
}
.localnav__step-ttl::before {
	content: '1';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}
.localnav__step-ttl::after {
	content: '';
	width: 8px;
	height: 8px;
	border-right: solid 2px #7d7d7d;
	border-bottom: solid 2px #7d7d7d;
	position: absolute;
	top:  50%;
	right: 12px;
	transform-origin: center;
	transform: translateY(-75%) rotate(45deg);
	transition: all .3s;
}
.localnav__step-ttl.active::after {
	transform: translateY(-25%) rotate(-135deg);
}
.localnav__step--01 .localnav__step-ttl::before {
	content: '1';
	color: #f3b100;
}
.localnav__step--02 .localnav__step-ttl::before {
	content: '2';
	color: #f57f2d;
}
.localnav__step--03 .localnav__step-ttl::before {
	content: '3';
	color: #f34a3d;
}
.localnav__step__item-list {
	background-color: #fff;
	padding: 14px 28px;
	box-sizing: border-box;
}
.localnav__step__item {
	line-height: 1;
}
.localnav__step__item:not(:last-of-type){
	margin-bottom: 1.5em;
}
.localnav__step__item-link {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	box-sizing: border-box;

	position: relative;
}
.localnav__step__item-link:link,
.localnav__step__item-link:active,
.localnav__step__item-link:visited {
	color: #000;
}

.localnav__link-item {
	margin-bottom: 5px;
}
.localnav__link {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
	border: solid 3px #e5e5e5;
	background-color: #fff;

	position: relative;
}
.localnav__link:link,
.localnav__link:active,
.localnav__link:visited {
	color: #000;
}
.localnav__link::after {
	content: '';
	width: 8px;
	height: 8px;
	border-right: solid 2px #7d7d7d;
	border-bottom: solid 2px #7d7d7d;
	position: absolute;
	top:  50%;
	right: 12px;
	transform-origin: center;
	transform: translateY(-50%) rotate(-45deg);
} */