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

@import url("base.css");
@import url("common.css");

.banner a{
	display:block;
	margin-top: 16px;
}
.box_content1 {
	
}

.box_content1 .box2 {
	width: 100%;
	margin-top: 35px;
	float: left;
}

.box_content1 .box2 .subbox1 {
	width: 464px;
	float: left;
	/*min-height: 650px;*/
	margin-left: -1px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 2px solid #c9caca;/*線を上の階層に付け替え*/
}

.box_content1 .box2 .subbox1.grammar {/*グラマーの線つける*/
	border: 2px solid #c9caca;
}
.subbox1 .korede .korede2_inn {/*これで2を中に入れる*/
	clear: both;
	margin-left: 22px;
}
.box_content1 .box2 .subbox1 .korede {/*これでどうだ＿高さ*/
	/*height: 690px;*/

}
.box_content1 .box2 .korede2 {/*これでどうだ2右版＿高さ*/
	height: 414px;
	border: 2px solid #c9caca;
	margin-top: 20px;
	width: 460px;
}
.box_content1 .box2 .s {/*小学生セクション　20250707*/
	height: 150px;
	border: 2px solid #c9caca;
	margin-top: 20px;
	width: 460px;
}

.box_content1 .box2 .subbox1 .korede2 {/*これでどうだ2左版＿高さ*/
	height: 400px;
	border: 0;

}
.box_content1 .box2 .subbox1 .korede2.chugaku {/*左に移動した中学の高さ*/
	height: 360px;
	border: 0;

}
.box_content1 .box2 .syotyu {/*小中学用テスト*/
    height: 700px;
    border: 2px solid #c9caca;
    margin-top: 20px;
    width: 460px;
}



.box_content1 .box2 .subbox1 .korede2 ol {/*これでどうだ＿a.b.リスト*/
	margin: 14px 0 14px 54px;
}
.box_content1 .box2 .korede2 ol {/*これでどうだ＿a.b.リスト*/
	margin: 14px 0 14px 54px;
}
.box_content1 .box2 .subbox2 {
	width: 460px;
	/*float: left;*/
	/*min-height: 649px;*/
	margin-right: -1px;
	border: 2px solid #c9caca;
	margin-bottom: 20px;
}
.box_content1 .box2 .subbox2.bocabill_1 {/*ボキャビル1高さ*/
	min-height: 600px;
}
.box_content1 .box2 .subbox2.bocabill_2 {/*ボキャビル2高さ*/
	min-height: 550px;
}
.box_content1 .box2 .subbox2.bocabill_3 {/*ボキャビル3高さ*/
	min-height: 100px;
	float: left;
}

.box_content1 .box2 .boxmid {
	overflow: hidden;
	margin-top: 22px;
	margin-left: 21px;
}
.box_content1 .box2 .boxmid.korede {/*これでミニ上マージン*/
	margin-top: 60px;
}
.box_content1 .box2 .korede2 .boxmid {/*これでミニoverflow調整*/
	/*width: 400px;*/
}
.box_content1 .box2 .subbox2 .boxmid {
    margin-top: 22px;
    margin-left: 29px;
}
.box_content1 .box2 .subbox2 .boxmid.bocabill2 {
   /* margin-top: 52px;*/
}
.box_content1 .box2 .subbox2 .boxmid.bocabill3 {
    /*margin-top: 52px;*/
}
/*.box_content1 .box2 .subbox2 .boxmid.bocabill_3 {
    margin-top: 0px;
}*/
.box_content1 .box2 .photo {
	width: 90%;
    text-align: center;
    border: 2px solid #BABABA;
	clear: both;
}
.box_content1 .box2 .photo.top30 {
		clear: both;
	margin-top: 20px;/*中学生用の画像topマージン*/
}
.box_content1 .box2 .clear {
		clear: both;/*画像の上のp要素*/
}
.box_content1 .box2 .photo a {
	display: block;
}

.box_content1 .box2 .photo img {
    margin-left: auto;
	margin-right: auto;
}


.box_content1 .box2 .text {
	float: left;
	/*width: 450px;*/
	margin-top: 24px;
	/*height: 60px;*/
}

.box_content1 .box2 .text.txtclear {
	margin-top: 10px;
	width: 100%;
}
.box_content1 .box2 .korede2 .text {/*これでの二番目タイトル上マージン*/
	margin-top: 0;
}
.box_content1 .box2 .subbox2 .text {
	margin-top: 25px;
}
.box_content1 .box2 .subbox2 .text.nomar {
	margin-top: 0;
}
.box_content1 .box2 .subbox2 .text1 {
	margin-top: 0px;
}

.box_content1 .box2 .subbox2 .text2 {
	font-size: 18px;
	line-height: 25px;
	color: #2318BF;
	font-weight: bold;
	margin-top: 18px;
}

.box_content1 .box2 .icon {
	float: left;
	margin-right:7px;
	margin-bottom: 6px;
	
}
.box_content1 .box2 .icon img {
	display: inline-block;
	margin-right: 10px;
}
.box_content1 .box2 .icon.korede img {
	display: inline;
	margin-right: 14px;
}

.box_content1 .box2 .icon2 {
    float: left;
    margin-left: 44px;
    margin-top: -1px;
}

.box_content1 .box2 .text1 {
	float: left;
}
.box_content1 .box2 .text1.tit {
	width: 100%;
}
.box_content1 .box2 .text1::after {
	clear: both;
}
.box_content1 .box2 .text1.korede2 {/*これでタイトル下マージン*/
	margin-bottom: 20px;
}

.box_content1 .box2 .text1 a {
	font-size: 24px;
	line-height: 28px;
	color: #2318BF;
	text-decoration: none;
	letter-spacing: 1px;
}
.box_content1 .box2 .subbox2 .text1 a {
	font-size: 22px;
}

.box_content1 .box2 .subbox2 .text1.bocabill_3 {
	font-size: 22px;
}
.box_content1 .box2 .text1 a:hover {
	text-decoration: underline;
}

.box_content1 .box2 .boxtext {
	margin: 11px 22px 0 22px;
	font-size: 16px;
	line-height: 24px;
}
.box_content1 .box2 .boxtext.korede2 {/*これでの二番目テキスト*/
	margin: 11px 22px 22px 0px;
    float: left;
    border: 0;
    /* padding-right: 73px; */
    width: 400px;
}

.box_content1 .box2 .subbox2 .boxtext {
	margin: 12px 36px 16px  21px;
}
.box_content1 .box2 .subbox2 .boxtext.bocabill3 {/*ボキャビル3下マージン*/
	margin-bottom: 37px;
}
.box_content1 .items{
	float:left;
	width:100%;
	margin-top: 35px;
	margin-left: -2px;
}
.box_content1 .items .link{
	min-height:303px;
}

.box_content1 .items .item {
	width: 225px;
	float: left;
	margin-right: 18px;
}
.box_content1 .items .item .title{
    font-size: 20px;
    color:#2318BF;
    line-height: 26px;
    margin-top: 14px;
}
.box_content1 .items .item .title a{
    font-size: 20px;
    color:#2318BF;
    line-height: 26px;
    margin-top: 14px;
	text-decoration:none;
}
.box_content1 .items .item .title a:hover{
	text-decoration:underline;
}
.box_content1 .items .item .icon2{
    margin-left: 8px;
    width: 43px;
    margin-top: 3px;
}
.box_content1 .items .item .icon2 img{
    width:100%;
}
.box_content1 .items .item .text{
	font-size:16px;
	line-height:24px;	
}
.box_content1 .items #item3 {
	margin-right: 0px;
	margin-left: 3px;
}
.box_content1 .items .item .image{
    width: 211px;
    height: 211px;
    display:block;
    border:solid 1px #e6e6e6;
	box-sizing:border-box;
}
.box_content1 .items .item .image a{
	float:left;
	width:100%;
	height:100%;	
}
.box_content1 .items #item2 .image{
   padding-right:1px;
}
.box_content1 .items #item3 .image{
   padding-left:2px;
   padding-bottom:1px;
}
.box_content1 .items .item .image img{
    position:relative;
	margin:auto;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.box_content11{
	margin-top:210px;	
}
.box_content11 .section_title{
	border-bottom: 1px solid #F08500;
	padding-left:6px;	
}
.box_content11 ul{
	float:left;
	width:100%;	
	margin-top:5px;
}
.box_content11 ul li{
	float:left;
	width:100%;
	margin-top: 16px;
	padding-left: 4px;
	box-sizing: border-box;
}
.box_content11 ul li h3{
	color:#2318BF;
	font-size: 23px;
	float:left;
	background: url(../img/index_img/iconLink.png) left top no-repeat;
	padding-left: 35px;
	padding-top: 2px;
}
.box_content11 ul li h3 a{
	color:#2318BF;
	font-size: 23px;
	text-decoration:none;
}
.box_content11 ul li h3 a:hover{
	text-decoration:underline;
}
.box_content11 ul li.li2 h3{
	padding-left: 38px;
	letter-spacing:-1px;
}
.box_content11 ul li h3 i{
	float:right;
	margin-left: 24px;
	margin-top: 2px;
}
.box_content11 ul li.li2 h3 i{
	float:right;
	margin-left: 1px;
	margin-top: 1px;
}
.box_content11 ul li p{
	float:left;
	width:100%;
	font-size:16px;
	line-height:25px;
	margin-left: -3px;
	margin-top: 1px;
}
.box_content11 ul li.li2 p{
	float:left;
	width:100%;
	font-size:16px;
	line-height:25px;
	margin-left: -2px;
	margin-top: 5px;
}
section .section_title {
	font-size: 28px;
	line-height: 34px;
	border-bottom: 2px solid #F08500;
	padding-left: 3px;
	padding-bottom: 2px;
}

.box_content2 {
	margin-top: 124px;
}
.box_content2 h2{
	padding-left:8px;
}

.box_content2 .boxmid {
	width: 100%;
	overflow: hidden;
	margin-top: 32px;
	margin-left: 1px;
}

.box_content2 .photo {
	float: left;
}

.box_content2 .photo a {
	display: block;
}

.box_content2 .text {
	float: right;
	width: 641px;
}
.box_content2 .text1{
	margin-bottom: 24px;
	font-size: 22px;
	line-height: 22px;
	color: #000000;
	text-decoration: none;
	margin-left: 5px;
}

.box_content2 .text1 a:hover {
	text-decoration: underline;
}

.box_content2 .text2 {
	font-size: 14px;
	line-height: 19px;
	margin-top: 14px;
}

.box_content2 .bbutton {
	display: block;
	margin-top: 38px;
	margin-left: 1px;
}


.box_content3 {
	margin-top: 99px;
}

.box_content3 .boxlist {
	width: 100%;
	margin-top: 21px;
	margin-left: -1px;
}

.box_content3 .box_item {
	float: left;
	/* margin-right: 38px; */
	width: 244px;
}

.box_content3 .box_item .photo {
	display: block;
	width: 210px;
	height: 211px;
}
.box_content3 #box_item1 .photo a{
	padding-bottom: 7px;
    padding-right: 3px	
}
.box_content3 #box_item2 .photo a{
    padding-left: 4px	
}
.box_content3 #box_item3 .photo a{
    padding-left: 2px;	
	padding-bottom:3px;
}
.box_content3 .box_item .photo a {
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid #e6e6e6;
	text-align: center;
	box-sizing:border-box;
}

.box_content3 .box_item .photo a img {
	position:relative;
	margin:auto;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

.box_content3 .box_item2 .photo a img {
	/* margin-top: 27px; */
}
.box_content3 .box_item2{
	width:252px;	
}
.box_content3 .box_item2 .photo{
	width: 211px;
}
.box_content3 .box_item .text {
	margin-top: 15px;
    margin-left: 6px;
}


.box_content3 .box_item .text a {
	font-size: 20px;
	line-height: 26px;
	color: #2318BF;
	text-decoration: none;
}

.box_content3 .box_item .text a:hover {
	text-decoration: underline;
}
.underconst {
	color: #C00;
}


/*追加分*/


.iconlist {
	margin-left: 21px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.box_content1 .box2 .boxtext_en {
	margin: 11px 22px 0 22px;
	font-size: 16px;
	line-height: 24px;
}
.box_content1 .box2 .text_small {
	float: left;
	width: 210px;
	margin-top: 24px;
	height: 80px;
}
.box_content1 .items .item .text_small{
	font-size:16px;
	line-height:24px;	
}.box_content1 .box2 .subbox1 .iconlist li {
	margin-bottom: 6px;
}
.min450 {/*2段目高さ短く*/
	min-height: 450px;
}


/*本日のおすすめ直下　英語eラーニング101追加*/

.newcont {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box;
    border: 2px solid #c9caca;
}
.newcont .news {
	border: #42c7cd 2px solid;
}

.newcont h3 {
    color: #2318BF;
    font-size: 23px;
    float: left;
    /*background: url(../img/index_img/iconLink.png) left top no-repeat;*/
    padding-left: 20px;
    padding-top: 2px;
}

.newcont h3.karuta {
    padding-left: 10px;

}


.newcont h3 a {
    color: #2318BF;
    font-size: 23px;
    text-decoration: none;
}

.newcont h3 i {
    /*float: right;*/
    margin-left: 18px;
    margin-top: 3px;
}
.newcont p {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
    margin-left: -3px;
    margin-top: 1px;
}
.newcont h3 i.mgnsmall {
    margin-left: 8px;
}
.section_l {
	float: left;
	width: 480px;
}
.section_r {
	float: right;
}

/*QRコーナー*/

.box_content-qr {
	margin-top: 99px;
}

.box_content-qr .boxlist {
	width: 100%;
    margin-top: 21px;
    margin-left: -1px;
    display: flex;
    justify-content: flex-start;
}

.box_content-qr .box_item {
	float: left;
	/* margin-right: 38px; */
	width: 160px;
}

.box_content-qr .box_item .photo {
	display: block;
	width: 147px;
	height: 150px;
}
.box_content-qr #box_item1 .photo a{
	padding-bottom: 7px;
    padding-right: 3px	
}
.box_content-qr #box_item2 .photo a{
    padding-left: 4px	
}
.box_content-qr #box_item3 .photo a{
    padding-left: 2px;	
	padding-bottom:3px;
}
.box_content-qr .box_item .photo a {
	width: 100%;
	height: 100%;
	display: block;
	border: 1px solid #e6e6e6;
	text-align: center;
	box-sizing:border-box;
}

.box_content-qr .box_item .photo a img {
	position:relative;
	width: 131px;
	margin:auto;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

.box_content-qr .box_item h3 {
	margin-top: 14px;
    margin-left: 4px;
    margin-right: 10px;
}
.box_content-qr .box_item .text a {
	font-size: 14px;
	line-height: 130%;
	color: #2318BF;
	text-decoration: none;
}

.box_content-qr .box_item .text a:hover {
	text-decoration: underline;
}

/*最新ニュースn加*/
.newcont.news {
	border: #42c7cd 2px solid;
}
.newcont.news h3 {
	margin-bottom: 20px;
}
	
.newcont.news h3 a {
    color: #000;
    font-size: 20px;
	text-decoration: underline;
}

.newcont.news .pagelink {
	display: inline-block;
	margin-left: 20px;
	font-size: 80%;
	color: #000;
}

.newcont.news p .date {
    display: inline-block;
	width: 70px;
}
.newcont i.mgnsmall {
float: left;
	margin-top: 4px;
	margin-left: 20px;
}

.newcont i.mgnsmall img {
    display: inline-block;
	margin-right: 8px;
}

.news .newcont.news .news-detail {
	margin-left: 20px;
}


.box_content1 .newcont .karuta-comment {
    display: inline-block;
    clear: both;
    margin-right: 34px;
    width: 75%;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 20px;
}
.box_content1 .newcont .karuta-qr {
    display: inline-block;
}
.box_content1 .newcont .karuta-qr img {
    width: 150px;
}

.news .newcont.news h3.newstit {
}
.boxmid .photo.chugaku {
    margin-bottom: 20px;
}
.syotyu .boxmid .text.txtclear.shogaku {
    clear: both;
	 margin-bottom: 20px;
	margin-top: 30px;
}

.syotyu .boxmid .text.txtclear.shogaku:nth-child(1) {
		margin-top: 0;
}
.boxmid .text.txtclear.shogaku .text1.width100 {
    width: 100%;
}
.boxmid .text .text1.chugaku {
    width: 100%;
}