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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                             cateTOP
----------------------------------------------------------------------------*/






/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}

#contentsArea .h3Header01{ margin-bottom:2em;}
#contentsArea .h3Header01 h3{ margin-bottom:0;}
#contentsArea .h3Header01 p{ text-align:center; line-height:1.4em;}


#engRankUl{}
#engRankUl li{
	border:#999 solid 1px;
	border-radius:10px;
	margin-bottom:1em;
	padding:1em 2% 1em 3%;
}

/*
#engRankUl dl{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	align-items: center;
}
#engRankUl dt{ width:20%; font-size:80%; margin-left:3%;}
#engRankUl dt .osuJyunSpan{ display:inline-block; text-align:center; width:2em; font-size:140%;}
#engRankUl .osu1Span{ display:inline-block; background:#F30; color:#FFF; padding:0 2%; font-size:70%; line-height:1.4em;}
*/

#engRankUl dl{
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 3em auto auto;
    grid-template-columns: 3em auto auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#engRankUl dt{
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
    -ms-grid-column: 1;
    grid-column: 1;
	font-size:80%;
	padding-right:3%;
	text-align:center;
	
}
#engRankUl .meiDd{
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
	margin-left:3%;
	line-height:1.1em;
	margin-bottom:0.4em;
}
#engRankUl .setsuDd{
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2 ;
    grid-column: 2 ;
	margin-left:3%;
	line-height:1.2em;
	margin-bottom:0.5em;
	color:#666;
	font-weight:bold;
	font-size:90%;
}
#engRankUl .siteDd{
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 2 ;
    grid-column: 2 ;
	margin-left:3%;
}

#engRankUl dt .osuJyunSpan{ display:block; text-align:center; font-size:140%;}
#engRankUl .meiDd strong{ font-size:140%; line-height:1.1em; display:inline-block; margin-right:3%;}
#engRankUl .osu1Span{ display:inline-block; background:#F30; color:#FFF; padding:0 4%; font-size:70%; line-height:1.4em; border-radius:2em;}
#engRankUl .koushikiA{ display:inline-block; background:#06F; color:#FFF; padding:0.3em 9%; border-radius:2em; font-size:80%;}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea - leftSection
----------------------------------------------------------------------------*/
.leftSection{}
.leftSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}



@media screen and (max-width: 2200px) and (min-width: 769px){
	
	#engRankUl li{ padding:1em 2% 1em 3%;}
	#engRankUl{ width:700px; margin:0 auto;}
	#engRankUl dl{
		-ms-grid-rows: auto auto;
		grid-template-rows: auto auto;
		-ms-grid-columns: 70px 1fr 120px;
		grid-template-columns: 70px 1fr 120px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#engRankUl dt{
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-row: 1 / 3;
		-ms-grid-column: 1;
		grid-column: 1;
		font-size:80%;
		padding-right:2%;
		text-align:center;
	}
	#engRankUl .meiDd{
		-ms-grid-row: 1;
		grid-row: 1;
		-ms-grid-column: 2;
		grid-column: 2;
		margin-left:2%;
		line-height:1.1em;
		margin-bottom:0.3em;
		margin-top:0.1em;
	}
	#engRankUl .setsuDd{
		-ms-grid-row: 2;
		grid-row: 2;
		-ms-grid-column: 2 ;
		grid-column: 2 ;
		margin-left:2%;
		line-height:1.2em;
		margin-bottom:0;
	}
	#engRankUl .siteDd{
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-row: 1 /3;
		-ms-grid-column: 3 ;
		grid-column: 3 ;
		margin-left:3%;
		text-align:right;
	}
	#engRankUl dt .osuJyunSpan{ display:inline-block; margin-right:5px;}
	#engRankUl .meiDd strong{ font-size:120%;}
	#engRankUl .meiDd strong a{ color:#000;}
	#engRankUl .osu1Span{ padding:0.2em 3% 0.1em 3%; vertical-align:top;}
	#engRankUl .koushikiA{ padding:0.3em 12%;}
}
@media screen and (max-width: 2200px) and (min-width: 900px){

}