*{
margin:auto;
}
nav{
margin-left: 2px;
}
img{
border:0;	
	}
a{
color: #000033;	
	}
a:hover{
background-color: #909090;
}
/* トップナビゲーション */
#navi_top{
list-style:none;
margin:0;
padding: 0;
}
#navi_top ul{
margin-left: 10px;	
	}
#navi_top li{
float:left;
width: 19.94%;
text-align: center;
}
#navi_top li a{
background-color: #700700;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(160,0,0)), to(rgb(80,0,0))); /*chrome,safari*/
background: -moz-linear-gradient(rgb(160,0,0), rgb(80,0,0)); /* Firefox */
background: -o-linear-gradient(rgb(160,0,0), rgb(80,0,0)); /* Opera */
background: linear-gradient(rgb(160,0,0), rgb(80,0,0));
display: block;
width: 100%;
padding: 10px 0px;
color: white;
border-left: 2px solid rgb(90,0,0);
font-weight: bold;
margin:0;
border-top:2px solid rgb(165,0,0);
border-bottom:5px solid rgb(75,0,0);
-pie-background:linear-gradient(rgb(160,0,0), rgb(80,0,0));
behavior:url("PIE.htc");
position:relative;
}
#navi_top li a:hover{
background-color: #700700;
border-bottom:5px solid rgb(180,0,0);
color:#d6d6d6;
}
#topBox{
position: relative;
padding-left: 2px;	
	}
#mainBox{
width:95%;
padding: 20px;
position: relative;

}
#midBox{
margin-top: 125px;
}
.cl{
clear: both;	
	}
/* トップ下ボックス */
#box1{
	background-color:rgb(227,227,227);
	width:88%;
	padding: 10px;
	margin-top:35px;	

	}
#box1 h1{
	font-size: medium;
	}
#box1 p{
	line-height: 2;
	color:#2e2e2e;	
	padding-left: 20px;
font-size: medium;
}
#ads_topLink{
height: 20px;
position: absolute;
right: 1px;
width:730px;
margin-top: 5px;
}
#mainBox h1{
font-size:large;
background-color: black;
background: -webkit-gradient(linear, left top, left bottom, from(#5d5d5d), color-stop(50%,#000000), color-stop(50%,#343434), to(#919191));
background: -moz-linear-gradient(top, #5d5d5d, #000000 50%, #343434 50%, #919191);
width:50%;
margin-left: 4%;
color:white;
padding:8px 0px 8px 10px;
border-radius: 0.2em;
box-shadow:3px 3px 4px 2px #c3c3c3;
-pie-background:linear-gradient(#5d5d5d, #000000 50%, #343434 50%, #919191);
behavior:url("PIE.htc");
position:relative;
}
#mainBox p{
font-size: medium;
line-height: 2;
}
/* ラストアプデート */
.lud{
color:#151515;
position: absolute;
top:2px;
right: 10px;
font-size: 80%;
}
/* タイトルイメージ */
#t_img{
margin-left: 15px;
}
#t_img a:hover{
background-color: white;	
}
/* adsense right */
.ads_r{
position: absolute;
top:140px;
right:1%;
width:40%;
height:600px;

}
/* adsense top */
.ads_t{
position: absolute;
top: 20px;
width:98%;
height: 92px;
text-align: left;
margin-left: 5%;
}
/* フッター */
.foot{
text-align: right;
width: 98%;
font-size: 80%;
color: #404040;
cursor: default;
}
.foot a{
color: #404040;
text-decoration: none;
cursor: default;
}
.foot a:hover{
cursor: default;
 background-color: white;
}
/* mailなどのリンク    */
.nav2{
position: absolute;	
top: 30px;
right: 5px
	}
.nav2 ul{
list-style: none;	
	}
.nav2 li{
float: right;	
border-left:1px dotted gray;
font-size: 75%;
padding:0px 5px 2px 5px;
	}
.nav2 li a{
text-decoration: none;	

	}
/* ads LL bottom */
.adsB{
width:336px; margin:20px 0px 20px 6%;	
	}
/* ads foot link */
.adsF{
	width:90%; text-align:right;margin:10px 0px 3px 0px;
	}
#ads_t{
margin-top: 2em;
}

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

                         
   @font-face {
  font-family: 'fon1';
	src: url("font/mathFont.eot");
	src: url("font/mathFont.eot?#iefix") format('embedded-opentype'),
			url("font/mathFont.woff") format('woff'),
  			url("font/mathFont.ttf") format('truetype');
}
@font-face {
  font-family: 'fon2';
	src: url('../font/cmr10.eot');
	src: url('../font/cmr10.eot?#iefix') format('embedded-opentype'),
			url('../font/cmr10.woff') format('woff'),
  			url('../font/cmr10.ttf') format('truetype');
}    
    *{position: relative;}
    html, body, #oyaBox, #topBox{overflow-x: hidden;margin:0;padding:0}
    #topBox{width:100%;margin-bottom:0px;text-align: left;border-bottom: 1px solid #373F80;}
    #oyaBox{width: 100%;}

h2, #adsMid::before, #kai::before{margin:0;font-size: medium;font-weight: bold;padding:0.5em 0 0.5em 6%;background-color: #B3B3B3;text-shadow:0 0 1px #fff;position: relative;}
/*題字*/
    #dai{font-size: large;font-weight: 800;text-shadow:0px 0px 2px #ffffff, 1px 1px 5px #000000;color:#333B6B;padding:10px 0 0 10px;line-height: 1;}
    #dai a{font-size: 110%;color:#333B6B;text-decoration: none;margin-left: 30px;}
    #dai a:hover{ background: none;color:#4A569C;}
    #topBox div.mathf{display:none;}
    #mnBtn{transition:all .5s;position:absolute;width:38px;	height:38px;top: 2px;left: 2px;background-color: transparent;border-radius: 50%;z-index: 3;}
#mnBtn::before{
	position: absolute;	content: '';	border-radius: 2px;	width:7px;	height: 7px;	top:4px;	left: 15px;	
    background:#585858;box-shadow:0 11px #585858,0 22px #585858;
	}
#mnBtn:active::before{background:#c9c9c9;box-shadow:0 11px #c9c9c9,0 22px #c9c9c9;}
#mnBtn:active{background-color: #333B6B;}
 /*パンくず*/
#pankuzu{text-align:right;z-index: 23;line-height:1;font-size:xx-small;margin:3px 0;text-shadow:none}
#pankuzu ul{list-style: none;padding: 0;margin:0;font-size: xx-small;}
#pankuzu ul li, #pankuzu ul li a{opacity:1;margin: 0;display: inline-block;text-shadow:none;font-weight:200;padding:0;line-height:1;}
    svg{max-width: 98%;height: auto;}
    #main_box svg{vertical-align: top;}
.migi{text-align: right;}
.migi a{margin-left:8px;}
.cl{ clear:both;}
p{line-height: 1.7;font-size: 95%;text-align:left;margin:0 1% 0 3%;font-family: 'fon1', serif;padding-left: 0.5em;
}
/*目次*/
#mokuji ul.opn{width:98%;display:block;z-index: 2;}
    #mokuji ul.hid{
        top:0;
    opacity: 0;
    position: absolute;
    transition: all 0;
    transform: scale(1,1);
    }
    #mokuji ul::before{display:block;background-color: #585858;color:azure;padding:8px;text-align: center;}
    #mokuji ul:nth-of-type(1)::before{content:"1年生"}
    #mokuji ul:nth-of-type(2)::before{content:"2年生"}
    #mokuji ul:nth-of-type(3)::before{content:"3年生"}
    #mokuji h2{
    font-family:sans-serif;
    background: linear-gradient(#132035,#182945);border-bottom: none;color: #fcf8ec;font-size: medium;text-shadow: 0 0 1px #000;line-height: 1.8;padding-left: 0.8em;margin-top:1px;text-align:left;
    }
        #mokuji li{margin-bottom: 5px;display:none;transition:all .5s;transform: scale(0,0);opacity:0;}
    #mokuji li.opn{display:block;opacity:1;transform: scale(1,1)}
    #mokuji li > span{min-height:2.5em;display: block;border-left:solid #606060 1.6em;padding:5px 10px;border-bottom:1px dashed #292964;margin:0 0 1px 0}
    #mokuji li >span.dai3{min-height:5em}
    #mokuji li >span.dai4{min-height:7em}
    #mokuji span.renritu,#mokuji li a{display: inline-block;padding:5px 10px;color:#292964;font-weight: bold;transition:all .5s;}
    #mokuji span.renritu::before,#mokuji span.renritu::after,#mokuji li a::before, #mokuji li a::after{
    content: '';width: 6px;height: 2px;display: inline-block;position: absolute;left: 0px;top: 17px;border-radius: 2px;background-color: #292964;
    }
    #mokuji li a:hover{background-color:gray;color:beige;opacity:0.6}
    #mokuji span.renritu::before,#mokuji li a::before{
        transform: rotate(45deg) translate(0, -2px);}
    #mokuji span.renritu::after,#mokuji li a::after{
        transform: rotate(-45deg) translate(0, 2px);}
    .dai1 a::before, .dai1 a::after{background-color: #b71a1a;}
    .dai2 a::before, .dai2 a::after{background-color: #599063;}
    .dai3 a::before, .dai3 a::after{background-color: #292964;}
    .dai4 a::before, .dai4 a::after{background-color: transparent;}
    #mokuji h3{background:#606060;color: beige;font-size:80%;z-index: 2;width:1em;text-align: center;letter-spacing: 0;padding:.3em;line-height: 1.5;position: absolute;left:0;margin: 0;border:none;}
    #mokuji ul{padding:0;list-style: none;}
/*ads*/
#adsBtm,#adsMid{width:auto;text-align: center;padding-top:5px;}
#kanren{margin:30px auto 15px;text-align: center;}

.lft{float: left;}
.uLine{text-decoration: underline;}
/*数字*/
span.mfon{font-family: 'fon1';margin-left:0.2em;margin-right:0.2em;}

    
/*テーブルレイアウト*/
.tbl{display:inline-table;text-indent:0;vertical-align:middle;border-collapse: collapse;}
.i_tbl{display:inline-table;}
.td{display:table-cell;letter-spacing:0.15em;vertical-align:middle;text-align:center;line-height:1;}
.tr{display:table-row;}
.td.r{text-align:right;}
.td.l{text-align:left;}
.td.c{text-align:center;}
/*連立テーブル*/
.renritu{display:inline-table;text-indent:0;padding:0;}
.renritu span.td{padding:0.2em;margin:0;vertical-align:middle;line-height:1;}
.renritu span.tr{padding:0;margin:0;}
.renritu span.td.r_kako{font-size:200%;vertical-align:middle;}
/*ボーダーボトム*/
.bdbt .td{border-bottom:1px solid black;}
.bd_bt{border-bottom:1px solid black;}
/*分数*/
h3 span.tbl, h3 span.td, h3 span.tr{border-left:none;padding:0;}
h3 span.td{padding:0.2em;}
.tbl, .td, .tr, .bunsi{text-indent:0;}
span.tbl span.td.bunsi{border-bottom:1px solid black;}
span.tbl span.td.bunbo{padding-top:2px;}
span.tbl{margin-right:3px;margin-left:3px;}
/*分数*/
.bunsu,.bunsu .td,.bunsu .tr,.bunsu .bunsi{text-indent:0;margin-left:0.2em;}
.bunsu{display:inline-table;vertical-align:middle;}
.bunsu .td{display:table-cell;vertical-align:middle;text-align:center;padding:0.2em;line-height:1;}
.bunsu .tr{display:table-row;}
.bunsu .bunsi{border-bottom:1px solid black;}
.bunsu .bunsi,.bunsu .bunbo{font-size:smaller;}
.kte .tbl > .tr > .bunsi{border-color:red;}    
    
/*ルート*/
span.root{
	position: relative;display: inline-block;border-top:1px solid black;	width:auto!important;margin-left: 8px!important;	font-size: 98%;	padding:1px 1.5px 0 1.5px;	line-height: 1.2!important;
}
span.root::before{
	position: absolute;top:-1px;left:-5.5px;font-size: 127%;content: '√';display:inline-block;
	font-family:'fon1', serif;line-height:1.1;padding-right:0!important;margin-left:0!important;margin-right:0!important;
}
span.root sup{font-size: 60%!important;}
span.root > span{width:auto!important;position:relative!important;top:0;left:0!important;padding:0!important;font-size:auto!importnt;border:none!important;
	}
/*中に分数がある√*/
span.root.rb .tbl span.td{font-size: 0.9em;}
span.root.rb::before{font-size: 230%;left: -9px;transform:scale(0.8,1)}
/*分数の中のルート*/
span.td.bunbo span.root{top:0.5px;margin-top:0;}
span.red.root > span,span.root.red,span.red span.root span,span.red span.root{border-color:red;border-top-color:red;}    

.rei{border:1px dotted gray;margin-left:0.2em;margin-right:0.1em;padding:0.2em;font-family: 'fon1' serif;}

.sankakuBtn{
background:white;display: inline-block;margin:0 1em 1em 3em;position: relative;border:1px solid gray;width: 12px;height: 12px;border-radius: 2.5px;}
.sankakuBtn::before{
content: '';position: absolute;top: 1px;left: 2.5px;width:0;height: 0;border-right:0px solid transparent;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid gray;}
.sankakuBtn:hover{border-color: blue;opacity: 0.5;cursor: pointer;}
    
#appEng{font-size: small;margin-top:0.5em;padding:0.3em;white-space: nowrap;overflow-x: scroll;height: 90px;border-top:1px solid gray;
background:linear-gradient(#d9d9d9, #ffffff);
}
#appEng span.ib{margin:0.2em;min-width: 0;display:inline-block;}
#appEng img{vertical-align: middle;margin-bottom:.2em;}
/*かっこ*/
span.kako{display:inline-block;min-width:3em;position:relative;vertical-align:top;text-align: left;}
span.kako::before{content:'(';position:absolute;left:0.1em;top:0;}
span.kako::after{content:')';position:absolute;right:0;top:0;}

#main_box{margin-bottom: 0.5em}
/*ブロック*/
span.blc{display:block;margin:0 0 5px 8px;}
span.ib{display:inline-block;}
/*平行四辺形*/
span.heiko::before{content:'';vertical-align:middle;width:20px;height:1em;display:list-item;list-style-image: url('https://math.005net.com/svg/heiko.svg');background-repeat:no-repeat;background-position:left center;margin:0;padding:0;list-style-position: inside}
/*弧*/
span.ko{display:inline-block;border:1px solid transparent;border-top-color:black;border-radius: 50%/40%;font-size:90%;line-height:1.2;}
/*abc*/
span.lw{
display: inline-block;margin-left: 10px;margin-bottom: 8px;counter-increment: alp;line-height: 1.4;}
span.lw::before{content: "(" counter(alp, lower-alpha) ")";margin-right: 4px;font-size:90%;}
h5{background: #969696;border-top:1px solid black;}
span.enji{color:firebrick;}
span.grn{color:darkslategrey}
span.enji,span.grn{font-weight:bold;}
.right{text-align:right;}
#appContent span.block{text-align:center;display:block;}
#appContent span{display:inline-block;vertical-align: top;text-align:left;}
span.ios{padding:10px;}
span.ios a{display:inline-block;overflow:hidden;background:url(//linkmaker.itunes.apple.com/assets/shared/badges/ja-jp/appstore-lrg.svg) no-repeat;width:135px;height:40px;background-size:contain;            }
span.and a{display:inline-block;overflow: hidden;background:url(//study.005net.com/app/google-play-badge.png) no-repeat;width:155px;height:60px;background-size: contain;padding:0;            }                                                     
#main_box p#appContent{font-family:sans-serif;}
#appContent span.ib{font-size:large;margin:10px 5px;}                                                                  
div#ads1::before,div#ads2::before,#fxBox::before,#adsTopRsp::before,#adsTop::before{content:'スポンサーリンク';padding:8px;font-size:medium;background:linear-gradient(#fff,#f2f2f2);font-weight:bold;
    border-bottom:#132035 2px solid;margin-bottom:5px;display:block;}
/*adsTopRsp::before,#adsTop::before{content:'スポンサーリンク';display:block;margin:0 0 5px 0;color:gray;font-weight:bold;padding-bottom:3px;text-align:center;line-height:35px}*/
    /*コンテンツアイコン*/
#yotenIcon{display: inline-block;width:30px;height:60px;margin-top: 8px;}               
#yotenIcon::before{width: 30px;height: 45px;border-radius: 4px;background-color: #384150;
    box-shadow: -4px 4px 0 0 hsl(60, 56%, 96%), -8px 8px 0 0 #384150;    top: 3px;left:5px;}
#yotenIcon::after{
    width: 19px;height: 4px;background-color: hsl(60, 56%, 96%);left: 10.5px;top: 9px;
    box-shadow: 0 3px 0 0 hsl(60, 56%, 96%), 0 5px 0 0 hsl(60, 56%, 96%), 0 8px 0 0 hsl(60, 56%, 96%), 0 18px 0 0 hsl(60, 56%, 96%), 0 26px 0 0 hsl(60, 56%, 96%);}
#renmonIcon{
    display: inline-block;padding: 0;width: 40px;height: 55px;border-radius: 5px;border: #384150 4px solid;
    background-color: transparent;box-sizing: border-box;margin-top:10px;margin-bottom:2px;}        
#renmonIcon::before{
    width: 22px;height: 4px;border-radius: 2px;top: 10px;left: 4px;background-color: #384150;
    box-shadow: 0 10px 0 0 #384150, 0 20px 0 0 #384150;}
#renmonIcon::after{
    width: 35px;height: 4.5px;transform: rotate(-50deg);background-color: #384150;top: 13px;right: -16px;
    box-shadow: 0 0 0 2.5px hsla(60, 56%, 96%, 0.88);border-radius: 7px 0 0 7px/2px 0 0 2px;}
#renmonIcon::before, #renmonIcon::after, #yotenIcon::before, #yotenIcon::after{
    display: inline-block;position: absolute;content:"";}                
#sumahoIcon{
    display: inline-block;width:40px;height:60px;background-color: #384150;;border-radius:5px;position: relative;margin-top:7px;}
#sumahoIcon::before{
    display: inline-block;width:3px;height:3px;background-color: hsl(60, 56%, 96%);border-radius: 50%;content:"";position: absolute;top:4px;left:18.5px;
    box-shadow: 1px 0 0 0 hsl(60, 56%, 96%),1px 0 0 0 hsl(60, 56%, 96%),2px 0 0 0 hsl(60, 56%, 96%),3px 0 0 0 hsl(60, 56%, 96%),4px 0 0 0 hsl(60, 56%, 96%),-1px 0 0 0 hsl(60, 56%, 96%),-2px 0 0 0 hsl(60, 56%, 96%),-3px 0 0 0 hsl(60, 56%, 96%),-4px 0 0 0 hsl(60, 56%, 96%),0 48px 0 1.5px hsl(60, 56%, 96%); }
#sumahoIcon::after{
    content:"";position: absolute;left:5px;width:30px;height:38px;top:10px;background-color: hsl(60, 56%, 96%)}
#yogoIcon, #yogoIcon::before, #yogoIcon::after{border: 4px solid #384150;}
#yogoIcon::before, #yogoIcon::after{content:"";position: absolute;box-sizing: border-box;}
#yogoIcon{
    background: #384150;position: relative;display:inline-block;width: 36px;height: 36px;border-radius: 0 0 0 9px;border-top: none;margin: 25px 4px 2px;
}
#yogoIcon::before{
    width: 43.5px;height: 10px;box-sizing: border-box;border-top: none;border-right: none;left: -4px;top: -7px;border-radius: 0 0 0 9px;
}
#yogoIcon::after{ width: 39px;height: 16px;left: -4px;top: -14.5px;border-bottom: none;border-radius: 9px 0 0; }
#contentBox a span:nth-of-type(2){display: block;}        
#contentBox a{font-family:sans-serif;font-size:12px;
    width:100px;height:100px;display: inline-block;background-color: hsl(60, 56%, 96%);box-shadow: 3px 3px 7px 0 gray, 0 0 1px 0 white inset;;border-radius: 5px;text-decoration: none;font-weight: bold;text-align: center;margin:10px 2%;color:#333;}
#contentBox a:active{box-shadow:2px 2px 1px 0 #bfbfbf;vertical-align: top;}    
/*大問連番*/
.dmn{display:block;margin:5px;padding:5px;counter-increment:dnum;}
.dmn::before{content:counter(dnum) ".";margin-right:1em;font-family:sans-serif;}
/*丸文字連番*/
span.smn{display:block;vertical-align:middle;font-family:'fon1', serif;line-height:1.5;margin-left:0;padding-left:0.5em;margin-bottom:1.5em;counter-increment:num;}
span.smn:before{content:counter(num);margin-left:-0.5em;font-family:serif;line-height:1;margin-top:-0.4em;margin-right:0.7em;font-size:x-small;font-weight:100;vertical-align:middle;display:inline-block;text-align:center;padding:auto;width:1.1em;height:1.1em;border-radius:50%;border:1px solid #595959;text-indent:0;}
span.smn.ib{display:inline-block;vertical-align:top}

/*装飾*/
.ylw{background-color:yellow;background:linear-gradient(transparent 25% ,#FFFFA8 65%);}
.ib{display:inline-block;vertical-align:top;}
.sans{font-family:sans-serif}
.block{display:block}
.red{color:#de0000;}
#main_box p.noNum:before{content:none;}     
#ancBox{text-align: center;margin-top:5px}
.anc{display: inline-block;width:30px;height: 30px;border-radius: 50%;background-color: hsl(0, 0%, 60%);margin:0 5px 10px;transition:all .5s;}
.anc.coco{background-color: #8aa3b9}
#nxB{padding:0.5em 1em 0.5em 0.5em;display:inline-block;border-radius: 0 15px 15px 0/0 15px 15px 0;background-color: #ededec;color:#283c58;font-weight: bold;text-shadow: 0 0 1px white;font-size:95%;cursor:pointer;transition:all .5s;}
#nxB:active, #nxB:hover{background-color: #8d8d8d;color:#d8d8d8;text-shadow:0 0 1px black;opacity:0.5;}
#pageUp.hid{opacity: 0;transform: scale3d(0,0,0) rotate(-135deg);}
#pageUp{width:32px;height:32px;border-radius: 50%;position: absolute;bottom:0;display: block;background-color: #ededec;transition:all .5s;z-index: 3;transition: all .7s;transform: scale3d(1,1,1) ;opacity: 1;}
#pageUp{transform:scale3d(1,1,1) rotate(-135deg);}    
#pageUp::after,#pageUp::before{content:"";background-color: #3d5a81; display: inline-block;position: absolute;}
#pageUp::after{
        left:8px;top:16px;width:12px;height:4px;border-radius:1.5px 0 1.5px 1.5px/1.5px 0 1.5px 1.5px;
    }  
#pageUp::before{
        left:16px;top:8px;width:4px;height:12px;border-radius:1.5px 1.5px 1.5px 0/1.5px 1.5px 1.5px 0;
    } 
#pageUp{right:7%;}
#pageUp.actv{background-color: #6b83a3;transition:background-color .1s;box-shadow:0 0 10px 0px #6b83a3;} 
#subLink a{
display: inline-block;    line-height: 2.2;    padding: 0 10px;    color: #1b4c55;
}
#subLink a::before, #subLink a::after{
    content: '';width: 6px;height: 2px;background-color: #282c3e;display: inline-block;position: absolute;left: 0px;top: 17px;border-radius: 2px;
}
#subLink a::after{    transform: rotate(-45deg) translate(0,2px);}
#subLink a::before{    transform: rotate(45deg) translate(0, -2px);}     
.tr.uln > .td{border-bottom:1px solid black}

#tuibi {z-index: 30;position: fixed;bottom: 0px;text-align: center;background: hsla(0, 0%, 99%, 0.89);padding: 5px 0;width: 100%;}
div#ads1,div#ads2,#adsBtm , #adsMid, .ads, #adsTop, #adsTopRsp{text-align:center;margin:70px auto 80px;min-height:250px}
#adsBtm div, #adsMid div, .ads div, #tuibi div, #adsTop div, #adsTopRsp div{margin:3px auto;}

img, svg{max-width:98%;height:auto}
a{ color : #000033;}
a:hover{  background-color : gray;}
table{border:1px black solid;border-collapse: collapse;margin:auto;	}
td{text-align:center;border:1px solid black;font-size: 83%;font-family: 'fon1',serif;}
img a:hover{background-color: white;}

h1{background:linear-gradient(#F8F8F8, #E8E8E8);border-bottom:2px solid #132035;border-top:2px solid #132035;font-size:large;text-shadow:0 0 1px #fff;
	margin:15px 0 0 0;line-height: 2;padding:0 0 0 1em;text-shadow:0 0 1px #fff;}
h1 span{border:none;}    
img, iframe{border: 0px;}
#kai::before{content:"答";display:block}    
#adsMid{text-align: center;min-height:280px;margin-bottom:30px;}
.ads::before,#adsMid::before{content:'スポンサーリンク';padding-left:15px;font-weight:bold;display:block;text-align:left;line-height:40px;background-color:#b3b3b3}
/*menu*/
#menu{	box-shadow:0 0 5px 0 black, 0 0 10px 0 gray , 0 0 1px 0 #ffffff inset;border-radius:5px; width:300px;z-index:5;     opacity:0;position: absolute;top:20px;background-color:rgba(19,32,53,0.92);	padding: 0;transform:translate(-100%,0);}
#menu ul{list-style: none;padding:0;margin:0}
#menu li{border-bottom:1px solid white;}
#menu li:last-of-type{border:none;}
#menu li a{color: white;display: block;line-height: 2.2;padding-left:2em;text-decoration: none;font-weight: bold;}
#menu li a:after{content: '・・・≫';margin-left: 1em}
#menu li a:hover{text-shadow:0 0 12px white,0 0 16px white,0 0 20px white,0 0 24px white;opacity: 1;background-color:#253E66;}

    
   #footer *{position: relative;font-family:sans-serif;}
    #footer{background-color:#384150;color:beige;padding:1em;}
    #footTtl{display:block;margin:.2em;font-size:24px;letter-spacing: 2px;font-weight: bold;text-align: center}
    #footTtl::after{display:inline-block;content:'math.005net.com';font-size:15px;letter-spacing: normal;font-weight: normal;text-align: center}
    #footer .ib{display:inline-block;vertical-align: top;margin:20px 0 0 3%;width:45%;}
    #footer .ib a{display:block;color:hsl(60, 56%, 97%);text-decoration: none;padding:.5em 0 .5em 20px}
    #footer .ib a::before, #footer .ib a::after{
        content:''; width: 6px;height: 2px;background-color: hsl(60, 56%, 97%);display: inline-block;position: absolute;left: 0px;top: 50%; border-radius: 2px;
    }
    #footer .ib a::before{  transform:rotate(45deg) translate(0, -2px);  }
    #footer .ib a::after{   transform:rotate(-45deg) translate(0,2px); }
    #footer #syuwa.ib{display:block;margin-left:20%;width:auto;font-size:110%;letter-spacing: 2px}
    #syuwa::before{content:'姉妹サイト';display: block;margin:5px 0 12px;font-size:115%}
    #bottom{color:gray;font-size:80%;text-align: center;margin:10px auto;}
    /*動画リンク*/
a.doga{display:block;margin:10px;vertical-align:top;line-height:30px;padding:0 0 0 50px;font-family:sans-serif;font-weight:bold;font-size:large}
    a.doga::before{content:'';display:inline-block;width:40px;height:30px;background-color:red;top:0px;left:0px;position:absolute;border-radius:5px}  
a.doga::after{content:'';display:inline-block;border:8px solid transparent;border-left:white solid 12px;position:absolute;left:15px;top:7px}
@media screen and (max-width:767px){
    /*モバイルのみ*/
body{padding-bottom:100px;}
#btmFix{bottom:0;left:0;z-index:29;text-align:center;position:fixed;
    background-color:hsla(0, 0%, 100%, 0.95);width:100%;box-shadow:0 -2px 7px 0 gray}
#btmFix > div > div{margin:10px auto 2px;}    
#rightBox{max-height:601px;margin:20px auto 50px;}
#mokuji{text-align: center;}
#mokuji ul{
        transition: all .5s,max-width 0s, width 0s;list-style: none;padding: 0;width:32%;display:inline-block;vertical-align: top;margin:0;text-align: left;}
#mokuji span.liH1{
        font-size:85%;display:block;margin: 0;background: linear-gradient(#FDFDFD,#F3F3F3);padding: 10px 0 10px 4px;color: #132035;text-shadow: 0 1px 0 1px white;border-bottom: 1px solid black;position: relative;box-shadow: none;border-radius: 0;font-family: sans-serif;font-weight: bold;cursor: pointer;transition:all .5s;
}    
   
}                                                            
                                                        
@media screen and (min-width:767px){
/*pc用css*/    
#bottom{margin-bottom:120px;}
#btmFix{position:fixed;bottom:0;left:0;width:100%;padding:10px 2% 0;text-align:left;background:rgba(255, 255, 255, 0.95);z-index:20;box-shadow:0 0 5px 0 rgba(128, 128, 128, 0.47);}
#dai{font-size: x-large;padding-top:13px;padding-bottom: 8px}
    #dai a{margin-left:65px}    
         
    #app::before,#adsBtmWide:before,h2{
    background: linear-gradient(#132035,#182945);border-bottom: none;
    color: #fcf8ec;font-size:medium;
    text-shadow: 0 0 1px #000;
    line-height: 1.8;padding-left: 0.8em;
}
#topBox div.mathf{
font-family:'fon1';margin:0.2em 0 0.5em 0;padding-bottom: 0.3em;padding-left:5em;font-size: large;display:block;}

    #app{width:730px;        }
#app::before{content:'無料学習アプリ';display:block;}
        #app a{font-size:75%}
    #app img{vertical-align:baseline;}
    #app > span.ib{margin:5px 10px 10px 10px;}   
        
        
    #mokuji{text-align: center;min-width:440px;}
    #mokuji ul{
        transition: all .5s,max-width 0s, width 0s;list-style: none;padding: 0;width:32.5%;display:inline-block;vertical-align: top;margin:0;text-align: left;}
#mokuji span.liH1{
        display:block;margin: 0;background: linear-gradient(#FDFDFD,#F3F3F3);padding: 10px 0 10px 40px;color: #132035;text-shadow: 0 1px 0 1px white;border-bottom: 1px solid black;position: relative;box-shadow: none;border-radius: 0;font-family: sans-serif;font-weight: bold;cursor: pointer;transition:all .5s;
    }
        #mokuji span.liH1:hover{background: gray;text-shadow: 0 0 5px white;}
    #mokuji span.liH1::after{
    content: "▼";background-color: #acacac;display: inline-block;transform: rotate(0deg);position: absolute;top: 10px;left: 10px;font-size: 8px;line-height: 1;transition: all 0.5s;padding: 3px;color: rgb(177, 47, 47);border-radius: 50%;letter-spacing: 0;text-align: center;}
    span.liH1.opn::after{transform: rotate(540deg)}  
       
       

*{margin:0;}
img, iframe{border: 0px;}
body,#oyaBox, #topBox{margin: auto;padding:0;position: relative;}
 body{width:1200px;margin:auto;overflow-x:visible;}
#oyaBox, #rightBox{display:inline-block;} 
#oyaBox{width: 800px;overflow-x: hidden;margin-left:50px;}
#topBox{height:86px;}
#main_box{margin-top:3px;width: 800px;}
#topBox{  width:100%;margin-bottom:0px;text-align: left;}
div#rightBox{width:300px;min-height:600px;float:right;margin-top:30px;
            padding:0;position: relative;}
#main_box p{padding:0 20px 0;font-family: 'fon1',serif;}
#main_box svg{vertical-align: top;}
.migi a{margin-left:1em;}
div#fxBox{position:sticky;width:300px;height:625px;text-align:center;
            top:20px;display:inline-block;margin-bottom:20px}

/*#fxBox::before{content:'スポンサーリンク';display:block;margin-bottom:8px;color:gray;
text-align:center;font-weight:bold;line-height:25px;background:beige;}*/
div#fxBox > div{margin:auto;}    

/*メニューボタン*/
#mnBtn{position:absolute;width:40px;height:40px;top: 12px;left: 8px;z-index: 2;box-shadow:0 0 2px 0 #fff inset,0 0 1px 0 #fff,0 0 2px 0 #fff,0 0 3px 0 black;
display: block;background:linear-gradient(#FAFAFA,#E6E6E6);border-radius: 5px;font-size: small;text-align: center;}
#mnBtn::before{
	position: absolute;	content: '';	border-radius: 5px;	width:32px;	height: 4px;	top:0px;	left: 4px;	background:none;
	box-shadow:0 16px #132035,0 24px#132035, 0 32px #132035;}
    #mnBtn::after{content:'menu';color:navy;position: absolute;top:-3px;left:3px}
#mnBtn:active::before{box-shadow:0 16px #eee,0 24px #eee, 0 32px #eee;}
#mnBtn:active{background:#132035;opacity: 1;color:#fff}
#mnBtn:hover{opacity: 0.5;cursor: pointer;}
/*ads*/
#adsTop{height: auto; }
#adsBtm{clear: both;}
#adsMidL, #adsMidR {margin:10px 0;width:48%;display: inline-block;text-align: center;}

#adsBtmL , #adsBtmR{margin:0;display:inline-block;width:48%; }
    #adsTop, #adsMid, #adsBtm, .ads{text-align: center;}
#adsMidL div, #adsMidR div,#adsTop div, #adsMid div, #adsBtm div, .ads div{margin:5px auto;}


a{ color :#132035;}
a:hover{  background-color : gray;opacity: 0.5;}
table{border:1px black solid;border-collapse: collapse;	margin:auto}
td{text-align:center;border:1px solid black;	}
img a:hover{background-color: white;}


h1{text-align: left;font-size:large;font-weight: bold;padding:2px 0 2px 1em;position:relative;color:black;
;margin: auto;background-color: #eee;background:linear-gradient(#e0e0e0,#fcfcfc, #e0e0e0);
text-shadow:0 0 1px #fff;border-top:2px solid #1e3150;border-bottom:2px solid #1e3150}
/*h2{
width: 96.5%; font-size : large;margin-left: 4px;margin-top: 1.5em;line-height: 2; font-weight : bold; padding-left: 0.8em;
  border-bottom: #687385 solid 1px; border-left: #152b50 solid 8px;}*/
h2 {
    margin-bottom: 0px; border-left: none;
}
#adsBtmWide:before,h2, #kai::before{
    background: linear-gradient(#132035,#182945);border-bottom: none;
    color: #fcf8ec;font-size:medium;
    text-shadow: 0 0 1px #000;
    line-height: 1.8;padding-left: 0.8em;margin:5px auto;
}

    #kai p{padding:5px 0;}    

#kensaku{position: absolute;	top:30px;	left: 400px;margin-top:8px;padding:0 0 0 0;background-color: #ffffff;}

/*パンくず*/
#pankuzu{position:absolute;top:0.5em;right:1em;font-size: small;z-index: 3}
#pankuzu ul{list-style: none;padding: 0;margin:2px;font-size: small;}
#pankuzu ul li{margin: 0;display: inline-block}
p{width: auto;line-height: 1.8;font-size: medium;text-align:left;}
/*テーブルレイアウト*/
.td{padding:0.2em;}
/*連立テーブル*/
.renritu{font-family:'fon1', serif;}
.renritu span.td.r_kako{font-size:240%;vertical-align:middle;padding:0;margin:0;font-family:'fon1', serif;}
/*ルート*/
span.root{margin-left: 5px!important;padding:1.5px 1.5px 0 1.5px;}
span.root::before{top:0px;left:-7px;font-size: 142%;}
/*中に分数がある√*/
span.root.rb::before{font-size: 235%;left: -11px;top:.5px;}
/*分数*/
.tbl, .td, .tr, .bunsi{margin:0 0.2em;}
.td{padding:0.1em 0.2em;}
.bunsi{padding-bottom:0!important;}
.sankakuBtn{width: 14px;	height: 14px;	border-radius: 3px;}
.sankakuBtn::before{left: 1.5px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:12px solid gray;}
    
/*かっこ*/
span.kako{min-width:4.5em;}
span.kako::before{left:0.4em;}
span.kako::after{content:')';right:0.4em;}
/*ブロック*/
span.blc{display:block;margin:0 1em 1em;}
    /*平行四辺形*/
span.heiko{display: inline-block;padding:0}
/*edge*/
@supports (-ms-ime-align: auto) {
	span.heiko::before{content:'';display: inline-block;list-style: none;background-repeat:no-repeat;
    background-position:left center;background-image: url('https://math.005net.com/svg/heiko.svg');}
}
_:-ms-lang(x)::-ms-backdrop, 	span.heiko::before{content:'';display: inline-block;list-style: none;background-repeat:no-repeat;
    background-position:left center;background-image: url('https://math.005net.com/svg/heiko.svg');}
/*abc*/
span.lw{margin-left: 1em;margin-bottom: 1em;}
span.lw::before{margin-right: 0.5em;}

h5{background: #969696;background:linear-gradient(to left, white,#969696,#969696,#969696,#969696);line-height: 1;}
span.enji, span.grn{font-family:sans-serif;}
span.enji{color:#981818;}
span.grn{color:#074007;}

#footTtl{font-size:30px;letter-spacing: 5px;text-align: left}
#footTtl::after{font-size:25px;margin-left:30px;}
#footer span.ib,#footer #syuwa.ib{display:inline-block;width:25%;vertical-align: top;margin:20px 0 0 6%;padding:0;line-height:1;font-size: medium}      
#footer .ib a::before, #footer .ib a::after{        top: 45%;    }
         
}
div#fxBox.noFx{position:relative;}

/*個別ファイルのスタイル*/
@media screen and (max-width:767px){
     
}
@media screen and (min-width:767px){