@charset "utf-8";
/*共通の設定*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	position: relative;
	padding: 0;
	margin: 0;
	font-family:"Noto Sans Japanese", "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	letter-spacing:0.25pt;
	
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #FEC107!important;
	text-decoration: none;
}
.center {text-align: center;}
.red {color: #f00;}

.border_g {
	border: 5px solid #eee;
	margin: 0 0 15px 0;
}
ul {overflow: hidden;}
li {float: left;}
a img:hover {opacity: 0.6;!important}
.mg0 {margin: 0!important;}
.mg_auto {margin: 0 auto;}
.mt5{margin-top:5px!important;}
.mt8{margin-top:8px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt55{margin-top:55px!important;}
.contents_inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
/*iframeのスクロールバーに関するcss*/
iframe::-webkit-scrollbar-thumb {background:#eee;}
iframe::-webkit-scrollbar{
	width:25px;
	border-top:solid 2px #eee;
	border-left:solid 2px #eee;
	}
/*タイトルの先頭アイコン*/
.ic_circle {
	background: url(../img/parts/icon/ic_circle.png) no-repeat;
	background-position: 0px 2px;
}
.ic_cup02 {
	background: url(../img/parts/icon/ic_cup02.png) no-repeat;
	background-position: 0px 2px;
}
.ic_arow_r02 {
	background: url(../img/parts/icon/ic_arow_r02.png) no-repeat;
	background-position: 45px 15px;
}
.ic_arow_b {
	background: url(../img/parts/icon/ic_arow_b.png) no-repeat;
	background-position: 25px 22px;
}
.ic_arow_t {
	background: url(../img/parts/icon/ic_arow_t.png) no-repeat;
	background-position: 25px 22px;
}
.ic_pickup01 {
	background: url(../img/parts/icon/ic_pickup01.png) no-repeat;
	background-position: 5px 5px;
}
.ic_pen {
	background: url(../img/parts/icon/ic_pen.jpg) no-repeat;
	background-position: 5px 5px;
	margin: 20px 0;
	font-size: 24px!important;
}
.ic_cup03 {
	background: url(../img/parts/icon/ic_cup03.png) no-repeat;
	background-position: 0px 2px;
}
.ic_search02 {
	background: url(../img/parts/icon/ic_search02.png) no-repeat;
	background-position: 245px 0px;
}
.ic_search03 {
	background: url(../img/parts/icon/ic_search02.png) no-repeat;
	background-position: 305px 0px;
}

/*First ここから----------------------------------------------------------*/
/*ご挨拶*/
ul.introduction {
	width: 940px;
	overflow: hidden;
	padding: 15px 5px;
}
ul.introduction li {
	width: 447px;
	padding: 10px;
	float: left;
}
ul.introduction p {font-size: 14px;}
ul.introduction p span {
	font-size: 17px;
	font-weight: 600;
}
/*詳しくはこちら（緑）*/
.btn_g {
	margin-left: 290px;
	text-align: center;
}
/*3年連続受賞*/
ul.introduction li:last-child {border-left: 5px solid #eee;}
ul.introduction li:last-child li {
	border: none;
	padding: 0;
	float: left;
}
ul.introduction li:last-child li:first-child {
	width: 250px;
	padding: 0 10px 0 15px;
}
ul.introduction li:last-child li:last-child {width: 165px;}
.first .contents_inner h2 {
	font-size: 22px;
	font-weight: bold;
	text-indent: 35px;
	margin: 0 0 10px;
	line-height: 26px;
}
ul.article {
	width: 960px;
	overflow: hidden;
}
.first .contents_inner ul.article h2 {margin: 15px;}
ul.article li {width: 472px;}
ul.article li:first-child {float: left;}
ul.article li:last-child {float: right;}
/*英語が上達するコツは？*/
ul.article dd {
	padding: 3px 0 3px 45px;
	font-size: 17px;
}
ul.article dd:first-child {padding-top: 0;}
ul.article dd:last-child {margin: 0 0 20px 0;}
ul.article dd span {color: #F2A51C;}
/*今日のワンフレーズ*/
.phrase div {
	height: 125px;
	width: 440px;
	background: #FFFFBF;
	text-align: center;
	line-height: 125px;
	margin: 20px auto;
}
.phrase p {
	text-indent: 45px;
	font-size: 14px;
}
.phrase div a {
	text-decoration: underline;
	font-size: 24px;
	color: rgba(0, 0, 255, 1);
}
.phrase div a:hover {color: rgba(0, 0, 255,0.7);}
ul.bnr_box {
	width: 960px;
	overflow: hidden;
}
ul.bnr_box li {
	width: 185px;
	height: 119px;
	float: left;
	text-align: center;
	margin: 0 0 0 11px;
}
ul.bnr_box li:first-child {
	width: 372px;
	margin: 0;
}
/*First ここまで----------------------------------------------------------*/

/*Second Third共通ここから------------------------------------------------*/
.second h3,.third h3{margin-bottom:10px;font-weight:bold;}
.title_bar {
	width: 960px;
	text-align: center;
	margin: 0 auto;
}
.title_bar li {
	height: 70px;
	font-size: 27px;
	font-weight:bold;
	line-height: 70px;
}
/*4つ並んだバナー*/
ul.bnr_box2 {
	width: 960px;
	overflow: hidden;
	margin: 0 0 50px 0;
}
ul.bnr_box2 li {
	width: 233px;
	float: left;
	margin-left: 9px;
}
ul.bnr_box2 li:first-child {margin: 0;}
.title_bar li a {text-indent: 20px;}
.main_contents h2 {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.main_contents h3 {
	font-size: 22px;
	text-indent: 30px;
}
.ul3 {margin-bottom: 60px;}
.ul3 li {
	margin: 0 14.8px;
	text-align: center;
}
.ul3 li img {margin-bottom: 5px;}
.ul3 li:first-child, .ul3 li:last-child {margin: 0;}
ul.ranking_no{width:960px;margin:10px 0;}
ul.ranking_no li{width:192px;text-align:center;}
.second .category dt,.third .category dt{font-size:16px!important;}
.second .category dd,.third .category dd{font-size:14px!important;}
.second .category dd span,.third .category dd span{font-size:12px!important;}
/*Second Third共通ここまで------------------------------------------------*/

/*Second ここから--------------------------------------------------------*/
.second .contents_top {
	border-top: 5px solid #eee;
	margin-top: -5px;
	padding-top: 25px;
}
.second.title_bar li {background-color: #fff;}
.second .title_bar li:first-child {
	width: 430px;
	border-bottom: none;
	margin: 0;
	border: solid 5px #eee;
	background-color: #fff;
	border-bottom: none;
	z-index:999999;
}
.second .title_bar li:last-child {
	width: 520px;
	border: none;
	margin: 0;
}
.second .title_bar li a:hover {
	border-bottom: 5px solid #FFC107;
}
.second h2 span {
	border-bottom: 2px solid #eee;
	font-weight: bold;
}

.second .category {
    width: 890px;
    color: #000;
    padding: 30px 30px;
	}
	
.second .category a {color: #000;}
.second .category li {width: 290px;}
.second .category li:first-child {padding: 0;}


.second .category li dl {margin: 0;}
.second .category li dt {
	background-position: 5px 5px;
	text-indent: 20px;
}
.btn_kids {
	width: 320px;
	margin: 40px auto;
}
.iframe_box {margin-bottom: 60px;}
.iframe_box:first-child {margin-bottom: 0px;}
/*Second ここまで------------------------------------------------*/

/*Third ここから--------------------------------------------------*/
.third .contents_top {
	border-top: none;
	padding-top: 25px;
	background: #eee;
}
.third .title_bar li {background-color: #fff;}
.third .title_bar li:first-child {
	width: 520px;
	border-bottom: none;
	margin: 0;
	background-color: #eee;
	border-bottom: none;
}
.third .title_bar li:last-child {
	width: 430px;
	border: none;
	margin: 0;
}
.third .contents_inner {margin-top: 40px;}
.third .title_bar li a:hover {border-bottom: 5px solid #FFC107;}
.third h2 span {
	border-bottom: 2px solid #fff;
	font-weight: bold;
}
.third .category {
	width: 890px;
	color: #000;
	padding: 30px 30px;
	background: #fff;
}
.third .category a {color: #000;}
.third .category li {width: 290px;}
.third .category li:first-child {padding: 0;}
.third .category li:last-child {
	width: 250px;
	padding:0;
}
.third .category li dl {margin: 0;}
.third .category li dt {
	background-position: 5px 5px;
	text-indent: 20px;
	
}
.third .category li dd {padding: 0 0 0 35px;}
.third .ic_search02 {background-position: 190px 0px;}
/*Third ここまで--------------------------------------------------*/


/*topへ戻るボタン*/
#page_top {
    width: 50px;
    height: 30px;
    display: none;
    position: fixed;
    right: 50px;
    bottom: 50px;
    background-color: #468C00;
    border-radius: 0px;
    padding:10px 0 10px 0;
    text-decoration: none;
    line-height: 50px;
    text-align:center;
}