table {font-size:14px;}

.img_l{float:left; padding:0 15px 0 0;}

.kakomon_outer {margin:0px; /*padding:15px;*/ /*width:600px;*/ overflow:hidden; /*border:solid #ccc 1px;*/ margin-bottom: 40px;}



.prf_l {
	float: left;
	width: 345px;
	padding-top: 0px;
	top: auto;
	margin-top: 20px;
}
.prf_l .copy{ font-size:18px; font-weight:bold; color:#006AB7; margin:0 0 5px;}
.prf_l .sc_name{ font-size:32px; font-weight:bold; margin:0 0 20px;}



.prf_l_m {
	float: left;
	width: 345px;
	padding-top: 0px;
	top: auto;
	margin-top: 10px;
}
.prf_l_m .copy{ font-size:18px; font-weight:bold; color:#006AB7; margin:0 0 5px;}
.prf_l_m .sc_name{ font-size:32px; font-weight:bold; margin:0 0 20px;}










.prf_r {float:right;}

.kakomon_main {clear:both; overflow:hidden; ;}
.kakomon_main .con{
	margin: 0 0 20px;
	font-size: 15px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "ƒ�ƒCƒŠƒI", Meiryo, "Open Sans", "‚l‚r ‚oƒSƒVƒbƒN", Helvetica, "Helvetica Neue", Arial, Verdana, "MS PGothic", sans-serif;
	line-height: 1.7;
}
.kaiho_outer {
 	border-radius: 5px; 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	padding:0 0 10px;
	background:#ffeddc;
}

.kaiho {background:#FF8000; padding:5px; color:#fff; margin:0 0 15px; font-weight:bold;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}
.kaisetu_outer {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:0 0 10px;
	border:2px solid #e5493d;
	/* overflow:hidden; */
}
.kaisetu {
	width: calc(100% - 10px);
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    background:#e5493d;
	padding:5px;
	color:#fff;
	margin:0 0 15px;
	font-weight:bold;
}

.con_text{
	padding: 0 15px;
	overflow: hidden;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "ƒ�ƒCƒŠƒI", Meiryo, "Open Sans", "‚l‚r ‚oƒSƒVƒbƒN", Helvetica, "Helvetica Neue", Arial, Verdana, "MS PGothic", sans-serif;
}

.comment_outer {
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border:2px solid #006AB7;
padding:10px 10px;
}
.comment {color:#006AB7; padding:5px; margin:0 0 15px; font-weight:bold; border-bottom:dashed 1px #ccc;}
.copy2 {font-size:16px; margin:0 0 10px 10px; color:#006AB7; font-weight:bold;}

.homepage {overflow:hidden; background:#ffeddc; padding:15px; font-size:20px;}
.hmp_l{float:left; width:200px; padding:0 15px 0 0;}
.hmp_r {float:left; overflow:hidden;}








/*      2019’ljÁ•ª      */

	.m4j-wapper{
		max-width:850px;
		width:100%;
		margin: 0 auto;
	}
	.m4j-wapper a{
		text-decoration: none;
		color:  #2D1200;
	}
	.m4j-wapper a:hover{
		opacity: 0.6;
	}
	.m4j-wapper h3{
		font-size: 20px;
	}
	/* head */
	.m4j-title-850{
		margin: 0;
		max-width: 100%;
	}
	.m4j-title-850 img{
		width: 100%;
	}
	.m4j-head-flex {
		display: flex;
		margin: 0 auto;
		background-color: #ffeddc;
	}
	.m4j-title {
		background-image: url("images/math-img.jpg");
		color: #2d1200;
		flex:1;
		max-width: 495px;
		text-align: left;
		padding: 10px;
	}
	.m4j-title p {
		margin: 5px 0;
		font-weight: bolder;
		text-shadow: rgba(255,255,255,1.0) 2px 1px 1px !important;
	}
	.m4j-title-a {
		//width: 495px;
	}
	.m4j-title-b {
	}
	.m4j-title-c {
		font-size: 35px;
	}
	
	/* “Œ‹ž�o”Å */
	.m4j-ts{
		background-color: #ffeddc;
		width:100%;
		max-width: 315px;
		padding: 10px;
	}
	.m4j-ts-flex{
		display: flex;
		justify-content: center;
	}
	.m4j-ts-l{
		text-align: left;
		font-weight: bold;
	}
	.m4j-ts-l p{
		margin: 8px 0;
	}
	.m4j-ts-l-a{
		font-size: 22px;
	}
	.m4j-ts-l-b{
		font-size: 12px;
	}
	.m4j-ts-l-c{
		font-size: 16px;
	}
	.m4j-ts-r{
		text-align: center;
	}
	.m4j-ts-r img{
		max-width: 100%;
	}
	.m4j-ts-link{
		font-size: 16px;
		background: #2D1200;
		color: #FFFFFF;
		border-radius: 1em;
		width:200px;
		max-width:100%;
		margin: 10px auto;
		text-align: center;
	}
	
	/* Šw�Z */
	.m4j-school-menu{
		text-align: left;
	}
	.m4j-sc-box-a{
		display: flex;
		max-width: 850px;
		margin: 0 auto;
		width:100%;
	}
	.m4j-sc-box-b{
		display: flex;
		width: 400px;
		max-width:400px;
		min-height:88px;
		margin: 10px;
		box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 1px;
		border-radius: 5px;
	}
	.m4j-sc-box-c{
		padding:10px;
	}
	.m4j-sc-box-d{
		padding:10px;
		text-align: left;
	}
	.m4j-sc-box-e{
		font-size: 16px;
		color:#333333;
		font-weight: bold;
	}
	.m4j-sc-box-f{
		font-size: 14px;
		color:#555555;
	}
	
	
	/* •Ò�W’· */
	.m4j-chief{
		text-align: left;
	}
	.m4j-chief h3{
		background: #fff08a;
		color:#361e00;
		padding: 3px 10px;
		font-size: 20px;
	}
	.m4j-chief h4{
		font-size: 18px;
		color: #116767;
		margin: 10px 10px 0 10px;
	}
	.m4j-chief h4::before{
		content:"�¡";
		font-size: 30px;
		margin-right: 5px;
	}
	.m4j-chief p{
		font-size: 16px;
		margin: 0 10px 1em 10px;
	}
	#m4j-chief-msg{
		font-size: 46px;
		font-weight: bold;
		color: #e96400;
    	font-family: serif;
		margin: 10px;
	}
	
	/* foot */
	.m4j-foot-flex{
		display: flex;
		background-color: #ffeddc;
		justify-content: space-between;
		padding: 10px;
	}
	.m4j-ts-f{
		max-width: 400px;
		padding: 10px;
		background: #fff5ec;
		box-shadow: rgba(0,0,0,0.6) 1px 1px 1px 1px;
	}
	.m4j-ts-comment{
		width: 100%;
		max-width: 400px;
		margin-left: 20px;
	}
	.m4j-ts-comment p{
		font-size: 16px;
		text-align: left;
	}
	
	#page_top{
	  width: 50px;
	  height: 50px;
	  position: fixed;
	  right: 2vw;
	  bottom: -50px;
	  //background: url("images/icon_top.png");
	//  background: #ef3f40;
	//  opacity: 0.6;
	//  border-radius: 50%;
	}#page_top img{
	  width: 50px;
	  height: 50px;
	}
	#page_top a{
	  position: relative;
	  display: block;
	  width: 50px;
	  height: 50px;
	  text-decoration: none;
	}
	
	@media screen and (max-width:850px){
		#m4j-chief-msg{
			font-size: 5.4vw;
		}
		.sp-hidden{
			display: none;
		}
	}
	@media screen and (max-width:640px){
		.m4j-head-flex{
			display: block;
			background: #ffeddc;
		}
		.m4j-title{
			max-width: 100%;
		}
		.m4j-title-a{
			width:  100%;
			font-size: 5vw;
		}
		.m4j-title-b{
			font-size: 5vw;
		}
		.m4j-title-c{
			font-size: 6.8vw;
		}
		.m4j-sc-box-a{
			display: block;
		}
		.m4j-sc-box-b{
			display: flex;
			width:initial;
			max-width:initial;
			min-height:88px;
		}
		.m4j-foot-flex{
			display: block;
		}
		.m4j-ts{
			margin: 0 auto;
		}
		.m4j-ts-f{
			max-width: 100%;
		}
		.m4j-ts-comment{
			margin-left: 0px;
		}
	}





	.m4jkako-wapper {
		max-width: 850px;
		width: 100%;
		margin: 0 auto;
	}
	.m4jkako-wapper a {
		text-decoration: none;
		color: #2D1200;
	}
	.m4jkako-wapper a:hover {
		opacity: 0.6;
	}
	.m4jkako-wapper h3 {
		font-size: 20px;
	}
	/* head */
	.m4jkako-head-flex {
		display: flex;
		margin: 0 auto;
		background-color: #ffeddc;
	}
	.m4jkako-title {
		background-image: url("../images/math-img.jpg");
		color: #2d1200;
		flex:1;
		max-width: 495px;
		text-align: left;
		padding: 10px;
	}
	.m4jkako-title p {
		margin: 5px 0;
		font-weight: bolder;
		text-shadow: rgba(255,255,255,1.0) 2px 1px 1px !important;
	}
	.m4jkako-title-a {
		//width: 495px;
	}
	.m4jkako-title-b {
	}
	.m4jkako-title-c {
		font-size: 35px;
	}
	/* “Œ‹ž�o”Å */
	.m4jkako-ts {
		background-color: #ffeddc;
		width: 100%;
		max-width: 315px;
		padding: 10px;
	}
	.m4jkako-ts-flex {
		display: flex;
		justify-content: center;
	}
	.m4jkako-ts-l {
		text-align: left;
		font-weight: bold;
	}
	.m4jkako-ts-l p {
		margin: 8px 0;
	}
	.m4jkako-ts-l-a {
		font-size: 22px;
	}
	.m4jkako-ts-l-b {
		font-size: 12px;
	}
	.m4jkako-ts-l-c {
		font-size: 16px;
	}
	.m4jkako-ts-r {
		text-align: center;
	}
	.m4jkako-ts-r img{
		max-width: 100%;
	}
	.m4jkako-ts-link {
		font-size: 16px;
		background: #2D1200;
		color: #FFFFFF;
		border-radius: 1em;
		width:200px;
		max-width:100%;
		margin: 10px auto;
		text-align: center;
	}
	/* Šw�Z */
	.m4jkako-school-menu {
		text-align: left;
	}
	.m4jkako-sc-box-a {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		max-width: 850px;
		margin: 0 auto;
		width: 100%;
		margin: 0 0 60px 0;
	}
	.m4jkako-sc-box-b {
		margin: 10px;
		box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 1px;
		border-radius: 5px;
	}
	.m4jkako-sc-box-d {
		padding: 10px;
		text-align: left;
	}
	.m4jkako-sc-box-e {
		font-size: 16px;
		color: #ffffff;
		font-weight: bold;
		font-size: 15px;
		text-shadow: rgb(4, 4, 4) 2px 1px 1px !important;
	}

	.m4jkako-school-head-flex {
		display: flex;
		justify-content: center;
		margin: 30px 0;
	}
	.m4jkako-school-head-l {
		width:365px;
		max-width: 50%;
	}
	.m4jkako-school-head-copy{
		font-size: 18px;
		font-weight: bold;
		color: #006AB7;
		margin: 0 0 5px;
	}
	.m4jkako-school-head-scname{
		font-weight: bold;
	}

	.m4jkako-school-head-r {
		flex:1;
		max-width: 240px;
	}
	.m4jkako-school-head-r img{
		width: 100%;
	}



	.m4jkako-ruler{
		background: url(../images/frame-bg.png);
		background-repeat: repeat-x;
		width: 100%;
		max-width: 850px;
		height: 80px;
		background-color: #ccfaff;
		page-break-before: always;
	}


	/* foot */
	.m4jkako-foot-flex {
		display: flex;
		background-color: #ffeddc;
		justify-content: space-between;
		padding: 10px;
	}
	.m4jkako-ts-f {
		max-width: 400px;
		padding: 10px;
		background: #fff5ec;
		box-shadow: rgba(0,0,0,0.6) 1px 1px 1px 1px;
	}

	#m4jkako-kakomon{
		width:100%;
		max-width: 845px;

	}


	.m4jkako-kugayama-table{
		border-collapse:collapse;
	}

	.m4jkako-kugayama-table td{
		padding:0.5em;
		border: #000 1px solid;
		min-height: 3em;
	}

	#page_top{
	  width: 50px;
	  height: 50px;
	  position: fixed;
	  right: 2vw;
	  bottom: -50px;
	}#page_top img{
	  width: 50px;
	  height: 50px;
	}
	#page_top a{
	  position: relative;
	  display: block;
	  width: 50px;
	  height: 50px;
	  text-decoration: none;
	}

	@media screen and (max-width:850px) {

	.sp-hidden {
		display: none;
	}
	}

	@media screen and (max-width:640px) {
		.m4jkako-head-flex {
			display: block;
			background: #ffeddc;
		}
		.m4jkako-title {
			max-width: 100%;
		}
		.m4jkako-title-a {
			width: 100%;
			font-size: 5vw;
		}
		.m4jkako-title-b {
			font-size: 5vw;
		}
		.m4jkako-title-c {
			font-size: 6.8vw;
		}


		.m4jkako-sc-box-a {
			grid-template-columns: 1fr;
		}
		.m4jkako-sc-box-e{
			font-size: 16px;
		}

		.m4jkako-school-head-flex {
			display: block;
		}
		.m4jkako-school-head-l {
			width:initial;
			max-width: 100%;
		}
		.m4jkako-school-head-scname{
			font-weight: bold;
		}

		.m4jkako-school-head-r {
			max-width: 100%;
			text-align: center;
		}
		.m4jkako-school-head-r img{
			width: 100%;
			//max-width: 345px;
		}

		.m4jkako-foot-flex {
			display: block;
		}
		.m4jkako-ts {
			margin: 0 auto;
		}
		.m4jkako-ts-f {
			max-width: 100%;
		}
	}
	


/*SPƒwƒbƒ_�[—pCSS*/
	.sp-header{
		display: none;
		margin-bottom: 10px;
	}
	
	.sp-header p{
		font-size:10px;
	}
	.sp-header-a{
		text-align: left;
		margin: 2px 10px;
	}
	.sp-header-b{
		display: flex;
		justify-content:flex-end;
	}
	.sp-header-b p{
		margin: 2px 10px;
	}
	.sp-header a{
		text-decoration: none;
	}
	.sp-header-b img{
		width: 7px;
		vertical-align: middle;
		margin-right: 3px;
	}
	.sp-header-c{
		border-top: #1C68A4 solid 3px;
		box-shadow: 0px -8px 10px -7px #777 inset;
	}
	.sp-header-d{
		margin: 0;
	}
	.sp-header-d img{
		max-width: 100%;
	}
	.sp-header-e{
		display: flex;
		justify-content:center;
		flex-wrap: wrap;
	}
	.sp-header-f{
		margin: 2px 10px;
		text-align: left;
	}
	.sp-header-g{
		display: flex;
		justify-content:flex-end;
		background: #0A74B2;
		box-shadow: 0px 5px 10px -5px rgba(255,255,255,0.6) inset;
	}
	.sp-header-g p{
		display: table-cell;
		padding:2px 10px;
		margin: 0;
		color:#fff;
		border-right: solid #fff 1px;
		border-left: solid #fff 1px;
	}
	.sp-header-g a{
		color:#fff;
	}
	.ilb{
		display: inline-block;
	}
@media screen and (max-width:850px){
		.sp-header{
			display: block;
		}
	}


/*SPƒtƒbƒ^�[—pCSS*/
	.sp-footer{
		display: none;
		text-align: center;
	}
	.sp-footer-link p{
		padding: 2px 10px;
		margin: 2px 10px;
		font-size:12px;
		flex:1;
		border-left: 1px solid #99A1CE;
		border-right: 1px solid #99A1CE;
	}
	.ilb{
		display: inline-block;
	}
	.sp-footer-link{
		display: flex;
		flex-wrap: wrap;
	}
	.sp-footer-cr{
		font-size: 12px;
		font-style: normal;
		color: #666;
	}
	@media screen and (max-width:850px){
		.sp-footer{
			display: block;
			margin-top: 50px;
		}
	}