/* CSS Document */

/* ===============================================
:;										common
=============================================== */
/* コンテンツエリア */

#container #content {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.video-link{
	cursor: pointer;
}

.video-wrapper {
	display: none;
	position: fixed;
	min-width: 100%;
	min-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rbga(255,255,255,0.8);
	z-index: 21000;
}

.video-frame {
	position: absolute;
	top: 50%;
	left: 50%;
}

.flexBox{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
}

.menuWrap.flexBox{
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	margin-bottom: 15px;
}
.menuArea{
	position: relative;
}
.menuBtn .menuOn{
	display: none;
}
.menuBtn.open .menuOn{
	display: inline-block;
}
.menuBtn.open .menuOff{
	display: none;
}

.menuNavi{
	display: none;
	position: absolute;
	right: 0;
	width: 148px;
}
.menuNavi li{
	list-style: none;
}
.menuNavi li a{
	display: block;
	border: 1px solid #e5e5e5;
	padding: 8px 0 8px 30px;
	font-size: 14px;
	font-weight: bold;
}

#english .menuNavi li a{
	background: url(images/english/ic_arrow_english.png) no-repeat 10px center/16px auto #ffffff;
	color: #ed6c00;
}
#math .menuNavi li a{
	background: url(images/math/ic_arrow_math.png) no-repeat 10px center/16px auto #ffffff;
	color: #0562a5;
}
#chemistry .menuNavi li a{
	background: url(images/chemistry/ic_arrow_chemistry.png) no-repeat 10px center/16px auto #ffffff;
	color: #0075a7;
}
#biology .menuNavi li a{
	background: url(images/biology/ic_arrow_biology.png) no-repeat 10px center/16px auto #ffffff;
	color: #3b8331;
}
#geophysics .menuNavi li a{
	background: url(images/geophysics/ic_arrow_geophysics.png) no-repeat 10px center/16px auto #ffffff;
	color: #645794;
}
#physics .menuNavi li a{
	background: url(images/physics/ic_arrow_physics.png) no-repeat 10px center/16px auto #ffffff;
	color: #645794;
}
#life .menuNavi li a{
	background: url(images/life/ic_arrow_life.png) no-repeat 10px center/16px auto #ffffff;
	color: #ffa300;
}


/* メインビジュアル */

#container #content #mainVisual .inner{
	width:960px;
	margin:0 auto;
		position:relative;
}

/* btnWebCatalog */
#container #content .btnWebCatalog{
	width:864px;
	margin:36px auto 0 auto;
}

/* title */
#container #content #mainVisual h1{
	margin: 15px 0 0 20px;
}

/* backnumber */
#container #content .backnumber{
	width:906px;
	margin:26px auto 100px auto;
}





/* ===============================================
:;										science
=============================================== */

/* #mainVisual */
#science #container #content #mainVisual{
	background:url(images/science/science_bg_main.png) no-repeat center top;
	background-size: cover;
	padding:2px 0 20px 0px;
	margin: 0 0 115px 0;
}
#science #container #content #mainVisual .back{
	position:absolute;
	top:-4px;
	right:25px;
	width:315px;
	height:40px;
	background:url(images/bg_backnumber.png) no-repeat left bottom;
}
#science #container #content #mainVisual .back a{
	display:block;
	width:300px;
	height:22px;
	padding:8px 0 0 15px;
	border-left:6px solid #006837;
	background:#fff url(images/science/ic_arrow_science.png) no-repeat 286px center;
	color:#006837;
	font-size:14px;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}

/* scienceMenu */
#science #container #content #scienceMenu{
	padding: 18px 20px 0 20px;
	font-size: 0;	
}
#science #container #content #scienceMenu li{
	list-style: none;
	display: inline-block;
}
#science #container #content #scienceMenu li:nth-child(odd){
	margin-right: 16px;
}

#science #container #content #mainVisual .textbookList{
	margin-top:14px;
}
#science #container #content #mainVisual .textbookList li{
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
#science #container #content #mainVisual .textbookList li .txt{
	margin-top: 0px;
}
#science #container #content #mainVisual .textbookList li a{
	margin-top:10px;
}
#science #container #content #mainVisual .textbookList li:first-child a{
	margin-top:27px;
}

/* halfBtnList */
#science #container #content .halfBtnList{
	width:864px;
	margin:30px auto 0 auto;
}
#science #container #content .halfBtnList li{
	display:inline-block;
	vertical-align:top;
}
#science #container #content .halfBtnList li a{
	position:relative;
	display:block;
	background:url(images/science/bg_btn01_science_m.png) no-repeat left top;
	width:403px; 
	height:56px;
	padding:25px 0 0 17px;
}
#science #container #content .halfBtnList li a span{
	display:block;
	position:absolute;
	top:15px;
	right:20px;
}
#science #container #content .halfBtnList li:last-child{
	margin-left:18px;
}
#science #container #content .halfBtnList li:last-child a.plan{
	height:71px;
	padding:10px 0 0 17px;
}


/* ===============================================
:;										physics
=============================================== */

/* #mainVisual */
#physics #container #content #mainVisual{
	background:url(images/physics/physics_bg_main.png) no-repeat center top;
    background-size: cover;
	padding:2px 0px 25px 0px;
}
#physics #container #content #mainVisual .back{
	position:absolute;
	top:-4px;
	right:25px;
	width:315px;
	height:40px;
	background:url(images/bg_backnumber.png) no-repeat left bottom;
}
#physics #container #content #mainVisual .back a{
	display:block;
	width:300px;
	height:22px;
	padding:8px 0 0 15px;
	border-left:6px solid #d23a27;
	background:#fff url(images/physics/ic_arrow_physics.png) no-repeat 286px center;
	line-height:1em;
}
#physics #container #content #mainVisual .textbookList{
	margin-top:23px;
	font-size: 0;
}
#physics #container #content #mainVisual .textbookList li{
	display:inline-block;
	margin: 0 11px 0 0;
	text-align:center;
	vertical-align:top;
}
#physics #container #content #mainVisual .textbookList li:last-of-type{
	margin: 0 0px 0 0;
}
#physics #container #content #mainVisual .textbookList li .txt{
	margin-top: 0px;
}
#physics #container #content #mainVisual .textbookList li a{
	margin-top:12px;
}
#physics #container #content #mainVisual .textbookListBtn {
    margin-top: 4px;
    text-align: center;
}
#physics #container #content #mainVisual #category01{
	background: url(images/physics/physics_ti_category01.png) no-repeat left top,url(images/physics/bg_line_physics.png) repeat-x left bottom;
	padding: 0 0 23px 58px;
	margin: 23px 0 0 24px;
}
#physics #container #content #mainVisual #category02{
	background: url(images/physics/physics_ti_category02.png) no-repeat left top;
	padding: 0 0 0 58px;
	margin: 23px 0 0 24px;
}
#physics #container #content #mainVisual #category02 li:last-of-type .movie{
	margin: 57px 0 0 0;
	width: 262px;
}

/* physicsBox */
#physics #container #content .physicsBox{
	width: 908px;
	margin: 0 auto;
	padding: 30px 0 18px 0;
}
#physics #container #content .physicsBox h2{
	margin: 0 0 10px 0;
}
#physics #container #content .physicsBox ul{
	margin:0 auto 0 auto;
}
#physics #container #content .physicsBox li{
	margin: 20px 0 0 0;
	list-style: none;
}
#physics #container #content #physicsDoc li:nth-child(3) {
	margin: 7px 0px 0 0;
	width: 100%;
}
#physics #container #content #physicsDoc li:nth-child(4) {
	margin: 20px 32px 0 0;
}
#physics #container #content #physicsDoc li:nth-child(5) {
	margin: 7px 0px 0 0;
}
#physics #container #content #physicsSub li:nth-child(3) {
	margin: 7px 32px 0 0;
	width: 100%;
}
#physics #container #content .physicsBox li a{
	display:block;
}

/* halfBtnList */
#physics #container #content .physicsBox .halfBtnList{
	font-size: 0;
}
#physics #container #content .physicsBox .halfBtnList li{
	display:inline-block;
	vertical-align:top;
	width:437px; 
}
#physics #container #content .physicsBox .halfBtnList li:nth-child(odd){
	margin-right: 32px;
}
#physics #container #content #physicsDoc .halfBtnList li:nth-child(1){
	width: 100%;
}
#physics #container #content #physicsDoc .halfBtnList li:nth-child(2){
	width: 100%;
	margin: 5px 0 0 0;
}
#physics #container #content #physicsDoc .halfBtnList li:nth-child(3){
	width:437px;
	margin: 20px 32px 0 0;
}
#physics #container #content #physicsDoc .halfBtnList li:nth-child(4){
	width:437px;
	margin: 7px 0 0 0;
}
#physics #container #content #physicsDoc .halfBtnList li:nth-child(5){
	margin: 20px 0 0 0;
}

#physics #container #content #physicsSub{
	margin-bottom: 100px;
}


/* ===============================================
:;										biology
=============================================== */

/* #mainVisual */
#biology #container #content #mainVisual{
	background:url(images/biology/biology_bg_main.png) no-repeat center top;
    background-size: cover;
	padding:2px 0px 25px 0px;
}
#biology #container #content #mainVisual .back{
	position:absolute;
	top:-4px;
	right:25px;
	width:315px;
	height:40px;
	background:url(images/bg_backnumber.png) no-repeat left bottom;
}
#biology #container #content #mainVisual .back a{
	display:block;
	width:300px;
	height:22px;
	padding:8px 0 0 15px;
	border-left:6px solid #3d8033;
	background:#fff url(images/biology/ic_arrow_biology.png) no-repeat 286px center;
	line-height:1em;
}
#biology #container #content #mainVisual .textbookList{
	margin-top:23px;
	font-size: 0;
}
#biology #container #content #mainVisual .textbookList li{
	display:inline-block;
	margin: 0 10px 0 10px;
	text-align:center;
	vertical-align:top;
}
#biology #container #content #mainVisual .textbookList li:last-of-type{
	margin: 0 0px 0 10px;
}
#biology #container #content #mainVisual .textbookList li .txt{
	margin-top: 0px;
}
#biology #container #content #mainVisual .textbookList li a{
	margin-top:12px;
}
#biology #container #content #mainVisual .textbookListBtn {
    margin-top: 4px;
    text-align: center;
}
#biology #container #content #mainVisual .textbookListBtn {
    margin-top: 4px;
    text-align: center;
}

/* biologyBox */
#biology #container #content .biologyBox{
	width: 908px;
	margin: 0 auto;
	padding: 30px 0 18px 0;
}
#biology #container #content .biologyBox h2{
	margin: 0 0 10px 0;
}
#biology #container #content .biologyBox ul{
	margin:0 auto 0 auto;
}
#biology #container #content .biologyBox li{
	margin: 20px 0 0 0;
	list-style: none;
}
#biology #container #content #biologyDoc li:nth-child(4) {
	margin: 7px 0 0 0;
}

#biology #container #content .biologyBox li a{
	display:block;
}

/* halfBtnList */
#biology #container #content .biologyBox .halfBtnList{
	font-size: 0;
}
#biology #container #content .biologyBox .halfBtnList li{
	display:inline-block;
	vertical-align:top;
	width:437px; 
}
#biology #container #content .biologyBox .halfBtnList li:nth-child(odd){
	margin-right: 32px;
}

#biology #container #content #biologyDoc .halfBtnList li:nth-child(1){
	width: 100%;
}
#biology #container #content #biologyDoc .halfBtnList li:nth-child(3){
	margin: 7px 0 0 34px;
}
#biology #container #content #biologyDoc .halfBtnList li:last-child{
	margin-top: 20px;
}
#biology #container #content #biologySub{ margin-bottom: 100px;}
#biology #container #content #biologySub li:nth-child(1){
	margin-top: 16px;
}


/* ===============================================
:;										chemistry
=============================================== */

/* #mainVisual */
#chemistry #container #content #mainVisual{

	background:url(images/chemistry/chemistry_bg_main.png) no-repeat center top;
    background-size: cover;
	padding:2px 0px 25px 0px;
}
#chemistry #container #content #mainVisual .back{
	position:absolute;
	top:-4px;
	right:25px;
	width:315px;
	height:40px;
	background:url(images/bg_backnumber.png) no-repeat left bottom;
}
#chemistry #container #content #mainVisual .back a{
	display:block;
	width:300px;
	height:22px;
	padding:8px 0 0 15px;
	border-left:6px solid #0075a7;
	background:#fff url(images/chemistry/ic_arrow_chemistry.png) no-repeat 286px center;
	line-height:1em;
}
#chemistry #container #content #mainVisual .textbookList{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	width: 934px;
	margin: 23px auto 0;
}
#chemistry #container #content #mainVisual .textbookList li{
	text-align:center;
	list-style: none;
}
#chemistry #container #content #mainVisual .textbookList li .txt{
	margin-top: 0px;
}
#chemistry #container #content #mainVisual .textbookList li a{
	margin-top:12px;
}
#chemistry #container #content #mainVisual .textbookListBtn {
    margin-top: 4px;
    text-align: center;
}
#chemistry #container #content #mainVisual .textbookListBtn {
    margin-top: 4px;
    text-align: center;
}

/* chemistryBox */
#chemistry #container #content .chemistryBox{
	width: 906px;
	margin: 0 auto;
	padding: 50px 0 18px 0;
}
#chemistry #container #content .chemistryBox h2{
	margin: 0 0 10px 0;
}
#chemistry #container #content .chemistryBox ul{
	margin:0 auto 0 auto;
}
#chemistry #container #content .chemistryBox li{
	margin: 20px 0 0 0;
	list-style: none;
}
#chemistry #container #content #chemistrySub li:nth-child(1) {
	margin: 10px 32px 0 0;
}

#chemistry #container #content .chemistryBox li a{
	display:block;
}

/* halfBtnList */
#chemistry #container #content .chemistryBox .halfBtnList{
	font-size: 0;
}
#chemistry #container #content .chemistryBox .halfBtnList li{
	display:inline-block;
	vertical-align:top;
	width:437px; 
}
#chemistry #container #content .chemistryBox .halfBtnList li:nth-child(odd){
	margin-right: 32px;
}

#chemistry #container #content #chemistryDoc .halfBtnList li:first-child{
	width: 100%;
}
#chemistry #container #content #chemistryDoc .halfBtnList li:nth-child(3) {
	margin: 7px 0 0 32px;
}

#chemistry #container #content  #chemistrySub{ margin-bottom: 100px;}


/* ===============================================
:;										geophysics
=============================================== */

/* #mainVisual */
#geophysics #container #content #mainVisual{
	background:url(images/geophysics/geophysics_bg_main.png) no-repeat center top;
    background-size: cover;
	padding:2px 0px 25px 0px;
}
#geophysics #container #content #mainVisual .back{
	position:absolute;
	top:-4px;
	right:25px;
	width:315px;
	height:40px;
	background:url(images/bg_backnumber.png) no-repeat left bottom;
}
#geophysics #container #content #mainVisual .back a{
	display:block;
	width:300px;
	height:22px;
	padding:8px 0 0 15px;
	border-left:6px solid #645794;
	background:#fff url(images/geophysics/ic_arrow_geophysics.png) no-repeat 286px center;
	line-height:1em;
}
#geophysics #container #content #mainVisual .textbookList{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	width: 570px;
	margin: 0 auto;
	margin-top:23px;
	font-size: 0;
	text-align:center;
}
#geophysics #container #content #mainVisual .textbookList li{
	list-style: none;
	text-align:center;
}
#geophysics #container #content #mainVisual .textbookList li .txt{
	margin-top: 0px;
}
#geophysics #container #content #mainVisual .textbookList li a{
	margin-top:12px;
}
#geophysics #container #content #mainVisual .textbookListBtn {
    margin-top: 4px;
    text-align: center;
}
#geophysics #container #content #mainVisual .textbookListBtn {
    margin-top: 4px;
    text-align: center;
}

/* geophysicsBox */
#geophysics #container #content .geophysicsBox{
	width: 906px;
	margin: 0 auto;
	padding: 30px 0 18px 0;
}
#geophysics #container #content .geophysicsBox h2{
	margin: 0 0 10px 0;
}
#geophysics #container #content .geophysicsBox ul{
	margin:0 auto 0 auto;
}
#geophysics #container #content .geophysicsBox li{
	margin: 20px 0 0 0;
	list-style: none;
}
#geophysics #container #content #geophysicsDoc li:nth-child(4) {
	margin: 7px 0 0 0;
}
#geophysics #container #content #geophysicsSub li:nth-child(1) {
	margin: 10px 32px 0 0;
}

#geophysics #container #content .geophysicsBox li a{
	display:block;
}

/* halfBtnList */
#geophysics #container #content .geophysicsBox .halfBtnList{
	font-size: 0;
}
#geophysics #container #content .geophysicsBox .halfBtnList li{
	display:inline-block;
	vertical-align:top;
	width:437px; 
}
#geophysics #container #content .geophysicsBox .halfBtnList li:nth-child(odd){
	margin-right: 32px;
}

#geophysics #container #content #geophysicsSub{ margin-bottom: 100px;}


/* ===============================================
:;										math
=============================================== */

/* #mainVisual */
#math #container #content #mainVisual{
	background:url(images/math/math_bg_main.png) no-repeat center top;
  background-size:cover;
	padding:2px 0px 25px 0px;
}

#math #container #content #mainVisual .textbookList{}
#math #container #content #mainVisual .textbookList li{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
#math #container #content #mainVisual .textbookList li:last-child{ margin-bottom: 0;}
#math #container #content .textbookList li .ttl{
	margin-top: 0;
}
#math #container #content .textbookList li .img{
	margin-top: 0;
}
#math #container #content .textbookList li .digestBtn{
	margin-top: 25px;
}

#math #container #content .textbookList li .textBookApply{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	width: 663px;
}
#math #container #content .textbookList li .textBookApply .movieImg{
	padding-top: 8px;
}

#math #container #content #mainVisual .textbookListBtn {
	margin-top: 20px;
	text-align: center;
}

/* mathBox */
#math #container #content .mathBox{
	width: 906px;
	margin: 0 auto;
	padding: 30px 0 18px 0;
}
#math #container #content .mathBox h2{
	margin: 0 0 10px 0;
}
#math #container #content .mathBox ul{
	margin:0 auto 0 auto;
}
#math #container #content .mathBox li{
	margin: 20px 0 0 0;
	list-style: none;
}
#math #container #content #mathSub li:nth-child(3) {
	margin: 7px 32px 0 0;
}
#math #container #content #mathSub li:nth-child(4) {
	margin: 3px 0 0 0;
}
#math #container #content #mathSub li:nth-child(5) {
	margin-top: -83px;
}
#math #container #content .mathBox li a{
	display:block;
}

/* halfBtnList */
#math #container #content .mathBox .halfBtnList{
	font-size: 0;
	overflow:visible
}
#math #container #content .mathBox .halfBtnList li{
	display:inline-block;
	vertical-align:top;
	width:437px; 
}
#math #container #content .mathBox .halfBtnList li:nth-child(odd){
	margin-right: 32px;
}

#math #container #content #mathSub{ margin-bottom: 100px;}

/* pdfList
#math #container #content .pdfList{
	background:url(images/math/bg_math_pdf.png) left top no-repeat;
	width:866px;
	margin:25px auto 0;
	padding:0 0 18px 0;
}
#math #container #content .pdfList p{
	float:left;
	margin:15px 50px 0 0;
	padding:0 65px 0 70px 
}
#math #container #content .pdfList ul{
	overflow:hidden;
	padding:17px 0 0 0;
}
#math #container #content .pdfList ul li{
	list-style:none;
	float:left;
	margin:0 50px 0 0;
}
#math #container #content .pdfList ul li:last-child{
	margin-right:0;
} */
/* lesson 
#math #container #content .lesson{
	width:864px;
	margin:15px auto 0;
}
#math #container #content .lesson li.list a{
	display:block;
	background:url(images/math/bg_btn01_math.png) no-repeat left top;
	width:403px; 
	height:56px;
	padding:25px 0 0 20px;
}
#math #container #content .lesson li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:420px;
}
#math #container #content .lesson li.lessonLecture{
	background:url(images/math/math_img_lecture.png) no-repeat 250px 5px,
	url(images/math/bg_btn03_math.png) no-repeat right top;
}
#math #container #content .lesson li a{
	display:block;
	text-decoration:none;
}
#math #container #content .lesson li span{
	display:block;
	position:absolute;
	top:-17px;
	left:-13px;
}
#math #container #content .lesson li h3{
	margin:0;
	padding:5px 0 3px;
	text-align:center;
	color:#fff;
}
#math #container #content .lesson li.lessonLecture{
    margin-left: 12px;
}
#math #container #content .lesson li.lessonLecture p{
	padding:13px 0 19px 28px;
	margin-top:-0px;
}*/

/* tools
#math #container #content .tools{
	width:864px;
	margin:0 auto 0 auto;
	margin-top:26px;
}
#math #container #content .tools li{
	position:relative;
	display:inline-block;
	width:420px;
	height:138px;
	background:url(images/math/bg_btn02_math.png) no-repeat right bottom;
	vertical-align:top;
}
#math #container #content .tools li:last-child{
	margin-left:18px;
}
#math #container #content .tools li > a{
	display:block;
	width:420px;
	height:138px;
	text-decoration:none;
}
#math #container #content .tools li h3{
   margin-top: 9px;
	text-align:center;
	color:#fff;
}
#math #container #content .tools li p{
	text-align:center;
}
#math #container #content .tools li .btn{
	margin-top: 4px;
	padding:0 14px 0 9px;
}
#math #container #content .tools li .btn a{
	display:inline-block;
	margin:0 7px 0 8px;
}
#math #container #content .tools li.toolsWeb p{
	margin-top:-23px;
	padding-left:15px;
	text-align:left;
}*/

/*=====================================
english
=====================================*/

/* #mainVisual */
#english #container #content #mainVisual{
	background:url(images/english/english_bg_main.png) no-repeat center top;
    background-size: cover;
	padding:2px 0 18px 0;
}
#english #container #content #mainVisual .back{
	position:absolute;
	top:-4px;
	right:25px;
	width:315px;
	height:40px;
	background:url(images/bg_backnumber.png) no-repeat left bottom;
}
#english #container #content #mainVisual .back a{
	display:block;
	width:300px;
	height:22px;
	padding:8px 0 0 15px;
	border-left:6px solid #ed6c00;
	background:#fff url(images/english/ic_arrow_english.png) no-repeat 286px center;
	color:#ed6c00;
	font-size:14px;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
}
#english #container #content #mainVisual .englishTextbookBox{
	width: 907px;
	margin: 10px auto 0 auto;
}

#english #container #content #mainVisual .textbookList{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#english #container #content #mainVisual .textbookList li{
	list-style: none;
	text-align:center;
}
#english #container #content #mainVisual .textbookList li ul{
	font-size: 0;
	text-align: center;
}
#english #container #content #mainVisual .textbookList li ul li{
	display: inline-block;
}
#english #container #content #mainVisual .textbookList li ul li:first-child{
	margin-right: 5px;
}
#english #container #content #mainVisual .textbookList li p{
  margin-top: 0px;
	line-height:1;
}
#english #container #content #mainVisual .textbookList li .txt{
	margin-bottom: 10px;
}
#english #container #content #mainVisual .textbookList li .textbookListBtn, 
#english #container #content #mainVisual .textbookListBtn{
  margin-top: 10px;
	text-align: center;
}

/* englishBox */
#english #container #content .englishBox{
	width: 906px;
	margin: 0 auto;
	padding: 50px 0 18px 0;
}
#english #container #content .englishBox h2{
	margin: 0 0 10px 0;
}
#english #container #content .englishBox ul{
	margin:0 auto 0 auto;
}
#english #container #content .englishBox li{
	margin: 20px 0 0 0;
	list-style: none;
}
#english #container #content #englishSub li:nth-child(3) {
	margin: 11px 32px 0 0;
}
#english #container #content .englishBox li a{
	display:block;
}

/* halfBtnList */
#english #container #content .englishBox .halfBtnList{
	font-size: 0;
}
#english #container #content .englishBox .halfBtnList li{
	display:inline-block;
	vertical-align:top;
	width:437px; 
}
#english #container #content .englishBox .halfBtnList li:nth-child(odd){
	margin-right: 32px;
}

/* lesson
#english #container #content .lesson{
	width:864px;
	margin:15px auto 0 auto;
}
#english #container #content .lesson > li{
	position:relative;
	display:inline-block;
	vertical-align:top;
}
#english #container #content .lesson li.link a{
	display:block;
	background:url(images/english/bg_btn02_english_s.png) no-repeat left bottom;
	width:258px;
	height:75px;
	margin-top:17px;
	padding: 42px 0 0 17px;
	text-decoration:none;
}
#english #container #content .lesson li.soft{
	background:url(images/english/bg_btn02_english.png) no-repeat right bottom;
	width:551px;
	height:118px;
	padding: 17px 0 0 29px;
}	
#english #container #content .lesson li.soft span{
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#english #container #content .lesson li.soft h3{
   margin-top: 9px;
	text-align:center;
}
#english #container #content .lesson li.soft p{
	float:left;
	margin-top:15px;
}
#english #container #content .lesson li.soft ul{
    margin: 15px 0 0 318px;
}
#english #container #content .lesson li.soft ul li{
	list-style:none;
	margin-top:5px;
	font-size:10px;
	vertical-align:bottom;
}
#english #container #content .lesson li.soft ul li img{
	vertical-align:bottom;
} */
	 
/* tools
#english #container #content .tools{
	width:864px;
	margin:0 auto 0 auto;
	margin-top:26px;
}
#english #container #content .tools li{
	position:relative;
	display:inline-block;
	width:420px;
	height:138px;
	background:url(images/english/bg_btn03_english_m.png) no-repeat right bottom;
	vertical-align:top;
}
#english #container #content .tools li:last-child{
	margin-left:18px;
}
#english #container #content .tools li > a{
	display:block;
	width:420px;
	height:138px;
	text-decoration:none;
}
#english #container #content .tools li h3{
   margin-top: 9px;
	text-align:center;
	color:#fff;
}
#english #container #content .tools li p{
	text-align:center;
}
#english #container #content .tools li .btn{
	margin-top: 4px;
	padding:0 14px 0 9px;
}
#english #container #content .tools li .btn a{
	display:inline-block;
	margin:0 7px 0 8px;
}
#english #container #content .tools li.toolsWeb p{
	margin-top:-23px;
	padding-left:15px;
	text-align:left;
} */


/* ===============================================
:;								life
=============================================== */
/* #mainVisual */
#life #container #content #mainVisual{
	background:url(images/life/life_bg_main.png) no-repeat center top;
	background-size: cover;
	padding:2px 0 20px 0px;
	margin: 0 0 35px 0;
}

#life #container #content #mainVisual .textbookList{
	font-size: 0;
	text-align: center;
}
#life #container #content #mainVisual .textbookList li{
	display: inline-block;
	list-style: none;
	text-align:center;
}
#life #container #content #mainVisual .textbookList li .txt{ margin-top: 0;}

/* lifehBox */
#life #container #content .lifeBox{
	width: 908px;
	margin: 0 auto 90px;
}

#life #container #content #lifeDoc .halfBtnList li:first-child{
	width: 100%;
}
#life #container #content #lifeDoc .halfBtnList li:nth-child(2),
#life #container #content #lifeDoc .halfBtnList li:nth-child(3){
	margin-top: 5px;
}


/* halfBtnList */
#life #container #content .lifeBox .halfBtnList{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: flex-end;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: flex-end;/*--- IE10 ---*/
	-webkit-align-items: flex-end;/*--- safari（PC）用 ---*/
	align-items: flex-end;
}
#life #container #content .lifeBox .halfBtnList li{
	margin-top: 20px;
	list-style: none;
}
/*----------add201904----------*/
#life #container #content .lifeBox ul{
	margin:0 auto 0 auto;
}
#life #container #content .lifeBox li{
	margin: 20px 0 0 0;
	list-style: none;
}
/*--*/
.halfBtnList{
	overflow: hidden;
}
.halfBtnList .rbtn{
	float: right;
	margin-right: 0 !important;
	text-align: right;
}

#life #container #content .lifeBox .halfBtnList .rbtn{
	width: 100%;
}