body {
	background-color: #EEFFEE;
	margin:0px;
}

.body_text {
	width:600px;
	padding:20px;
	background-color:#ffffff;
	vertical-align:top;
	text-align:justify;
	text-justify:inter-ideograph;
	color:#444444;
	line-height:150%;
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.school_name {
	font-size:xx-large;
	font-weight:bold;
	text-shadow:2px 4px 3px rgba(0,0,0,0.3);
	font-family:serif;
	color:#000000;
	letter-spacing: 10px;
}

/** Breadcrumb **/
.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font: xx-small monospace;
	display:block;
	justify-content:flex-end;
	align-items:center;
	margin-top:-10px;
	margin-left:-40px;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li a {
	color: white;
	text-decoration: none; 
	text-shadow:2px 2px 0px #555555;
	padding: 10px 0 10px 35px;
	background: #3F833C;                   /* fallback color */
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 40px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 40px solid transparent;
	border-left: 20px solid #3F833C;
	position: absolute;
	top: 50%;
	margin-top: -40px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 40px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 40px solid transparent;
	border-left: 20px solid white;
	position: absolute;
	top: 50%;
	margin-top: -40px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb li:first-child a {
	padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:#00AF42; }
.breadcrumb li:nth-child(2) a:after { border-left-color:#00AF42; }
.breadcrumb li:nth-child(3) a       { background:#00C94D; }
.breadcrumb li:nth-child(3) a:after { border-left-color:#00C94D; }
.breadcrumb li:nth-child(4) a       { background:#00E357; }
.breadcrumb li:nth-child(4) a:after { border-left-color:#00E357; }
.breadcrumb li:nth-child(5) a       { background:#00FC61; }
.breadcrumb li:nth-child(5) a:after { border-left-color:#00FC61; }
.breadcrumb li:last-child a {
	background: white !important;
	color: #777777;
	pointer-events: none;
	cursor: default;
	text-shadow:none;
}
.breadcrumb li:last-child a:after { border: 0; }
.breadcrumb li a:hover { background:#777777; }
.breadcrumb li a:hover:after { border-left-color:#777777 !important; }


/** 見出し **/
.heading1{
	color:#444444;
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-family:monospace;
	font-size:18px;
	line-height: 25px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.heading1:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:14px; 
	left:7px; 
	background-color:#0080FF;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
	z-index: 1;
}
.heading1:after{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:15px; 
	width:15px; 
	display:block; 
	position:absolute; 
	top:7px; 
	left:2px; 
	background-color:#3F833C;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}

.heading2{
	color:#660000;
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-family:monospace;
	font-size:14px;
	line-height: 25px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.heading2:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:13px; 
	left:5px; 
	background-color:#00A8FF;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}

.heading3{
	color:#660000;
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-family:monospace;
	font-size:14px;
	line-height: 25px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.heading3:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:13px; 
	left:5px; 
	background-color:#ff9000;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}

.heading4{
	color:#660000;
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-family:monospace;
	font-size:14px;
	line-height: 25px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.heading4:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:13px; 
	left:5px; 
	background-color:#990000;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}



.heading5{
	color:#000000;
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-family:monospace;
	font-size:10px;
	line-height: 20px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.heading5:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:10px; 
	width:10px; 
	display:block; 
	position:absolute; 
	top:13px; 
	left:5px; 
	background-color:darkgreen;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}

.heading6{
	color:#000000;
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-family:monospace;
	font-size:14px;
	line-height: 25px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.heading6:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:13px; 
	left:5px; 
	background-color:green;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}


img {
	vertical-align:bottom;
}

a:link {
	font-weight: normal;
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	font-weight: normal;
	color: #006699;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #FF6666;
	text-decoration: underline;
	background-color: #FCF4E5;
}

a:hover img {
	margin: -1px;
	border: solid 1px #408000;
}


ul.arrow_parent {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li.arrow_flash {
	background: url('https://www.meikei.org/img_peripheral/icon_arrow-flash.gif') no-repeat left top;
	height: 10px;
	margin-left:0px;
	margin-bottom:50px;
	padding-left:35px;
	padding-top:3px;
	padding-bottom:55px;
}

li.arrow_normal {
	background: url('https://www.meikei.org/img_peripheral/icon_arrow.png') no-repeat left top;
	height: 10px;
	margin-left:0px;
	padding-left:35px;
	padding-top:3px;
	padding-bottom:55px;
} 

div.table-div {
	display: table;
}

div.row-div {
	display: table-row;
}

div.cell-div {
	display: table-cell;
}

div.table-div-sm {
	display: block;
}

div.row-div-sm {
	display: block;
}

div.cell-div-sm {
	display: block;
}

/** 画像フリップ **/

img.portrait {
	border: 1px #555555 solid;
	width:110px;
	height:auto;
}

img.icon_link_hover:hover {
	position:relative;
	top:0px;
	left:30px;
	opacity:0.9;
}

.flip_img img{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.flip_img img:hover{
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

/** 講師の講義日表 **/
table.kogibi{
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #dddddd;
	border-radius:10px;
	box-shadow: 0px 0px 6px 6px #fff9ee;
	font-size:small;
	background-color:#FFFFF5;

}

td.kogibi {
	padding:5px;
	text-align:center;
	white-space:nowrap;
}

#menu div {
margin: 0%; 
padding: 0%; 
}

#menu div a {
display: block; 
border: 2px solid #666;
background-color: #008000;
padding: 10px;
text-decoration: none;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
width: 5em; 
margin: 1px;
text-align: center;
font-size:x-small;
}

#menu div a:hover {
	background-color:#eeeeee;
	color: #000000;
	text-shadow: none;
}

/** 点滅 **/
.blink {
	animation-duration: 2s;
	animation-name: blink;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@keyframes blink {
	from {
	opacity: 1;
	}
	to {
	opacity: 0;
	}
}

/** もっと読む**/
.readmore-button-box a {
	background-color: #408000; /* ボタンの色(濃い赤) */
	color: white;              /* ボタンの文字色(白) */
	border-radius: 5px;       /* 角丸の半径 */
	padding: 0.5em 2.5em;;     /* 内側の余白 */
	display: inline-block;     /* ボタン全体をクリック可能に */
	font-weight: bold;         /* ボタンの文字を太字に */
	font-size:small;         /* ボタンの文字サイズ */
	border:solid 1px #000000;
}
.readmore-button-box a:hover {
	background-color: #0080FF;     /* ボタンにマウスが乗ったら明るい赤色に変化 */
	text-decoration:none;
}
.readmore-button-box {
	text-align: center;
	background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
	padding-top: 2.0em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
	margin-top: -3.5em;   /* ボックスを上側に重ねる距離(長さ) */
	position: relative;   /* ボックス全体を上に重ねるために必要 */
}

.readmore-area {
	margin-top:15px;
}

/** もっと読むその２ **/
.read-more-state {
	display: none;
}

.read-more-target {
	opacity: 0;
	max-height: 0;
	font-size:0;
	transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size:inherit;
	max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
	content: '続きを表示';
}

.read-more-state:checked ~ .read-more-trigger:before {
	content: '隠す';
}

.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	padding: 0 .5em;
	color: #666;
	font-size:.9em;
	line-height: 2;
	border: 1px solid #ddd;
	border-radius: .25em;
}

/** その他 **/
.icon_school {
	text-align:center;
	display:inline-block;
	border:solid 1px #000000;
	border-radius: 5px;
	background-color:#408000;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#ffffff;
	font-family:monospace;
	font-size:small;
}

.icon_red {
	text-align:center;
	display:inline-block;
	border:solid 1px #000000;
	border-radius: 5px;
	background-color:red;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#ffffff;
	font-family:monospace;
	font-size:small;
}

.icon_green {
	text-align:center;
	display:inline-block;
	border:solid 1px #000000;
	border-radius: 5px;
	background-color:green;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#ffffff;
	font-family:monospace;
	font-size:small;
}

.comment_koshi {
	text-align:center;
	display:inline-block;
	border:solid 1px #000000;
	border-radius: 5px;
	background-color:#3F833C;
	padding-left:10px;
	padding-right:10px;
	padding-top:1px;
	padding-bottom:1px;
	color:#ffffff;
	font-family:monospace;
	font-size:small;
}


		.icon_check {
	text-align:center;
	display:inline-block;
	border:solid 1px #000000;
	border-radius: 5px;
	background-color:red;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
	color:#FFFF00;
	font-family:monospace;
	font-size:x-small;
	font-weight:bold;
}

.button_1 {
	font-size:small !important;
	font-family:monospace;
	font-weight:normal !important;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #268a16;
	padding:9px 18px;
	text-decoration:none !important;
	background:-moz-linear-gradient( center top, #01C35A 46%, #13973B 59% );
	background:-ms-linear-gradient( top, #01C35A 46%, #13973B 59% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01C35A', endColorstr='#13973B');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(46%, #01C35A), color-stop(59%, #13973B) );
	background-color:#01C35A;
	color:#ffffff !important;
	display:inline-block;
	text-shadow:1px 1px 0px #000000;
	-webkit-box-shadow:inset 1px 1px 0px 0px #caefab;
	-moz-box-shadow:inset 1px 1px 0px 0px #caefab;
	box-shadow:inset 1px 1px 0px 0px #caefab;
}
.button_1:hover {
	background:-moz-linear-gradient( center top, #13973B 46%, #01C35A 59% );
	background:-ms-linear-gradient( top, #13973B 46%, #01C35A 59% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#13973B', endColorstr='#01C35A');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(46%, #13973B), color-stop(59%, #01C35A) );
	background-color:#13973B;
}
.button_1:active {
	position:relative;
	top:1px;
}

.button_2 {
	font-size:x-small !important;
	font-family:monospace;
	font-weight:normal !important;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #777777;
	padding:1px 10px;
	text-decoration:none !important;
	background:-moz-linear-gradient( center top, #FF8C00 46%, #FFA500 59% );
	background:-ms-linear-gradient( top, #FF8C00 46%, #FFA500 59% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8C00', endColorstr='#FFA500');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(46%, #FF8C00), color-stop(59%, #FFA500) );
	background-color:#FF8C00;
	color:#ffffff !important;
	display:inline-block;
	text-shadow:1px 1px 0px #000000;
	-webkit-box-shadow:inset 1px 1px 0px 0px #caefab;
	-moz-box-shadow:inset 1px 1px 0px 0px #caefab;
	box-shadow:inset 1px 1px 0px 0px #caefab;
}
.button_2:hover {
	background:-moz-linear-gradient( center top, #FFA500 46%, #FF8C00 59% );
	background:-ms-linear-gradient( top, #FFA500 46%, #FF8C00 59% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA500', endColorstr='#FF8C00');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(46%, #FFA500), color-stop(59%, #FF8C00) );
	background-color:#FFA500;
}
.button_2:active {
	position:relative;
	top:1px;
}


.page_title {
	padding-top:5px;
	padding-bottom:20px;
	color:#CCCCCC;
	font-size:26px;
	font-family:san-serif;
	font-weight:bold;
	vertical-align:top;
	text-shadow:-1px -1px #008000,1px -1px #008000,-1px 1px #008000,1px 1px #008000;
	background-image: url("../img_peripheral/title_back.png");
	background-repeat:no-repeat;
	line-height:150%;
}

.small_smp {
	font-size:x-small;
}

.inlineblock_pc {
	display:none;
}

div.del_smartp {
	display:none;
}

span.del_smartp {
	display:none;
}


div.toc {
	text-align:left;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px;
	padding:10px;
	background-color:#F5F5DC;
	margin-bottom:20px;
	max-width:90%;
}


.underline_yellow {
	background:linear-gradient(transparent 80%,yellow 60%)
}

.underline_green {
	background:linear-gradient(transparent 80%,lightgreen 60%)
}

.underline_pink {
	background:linear-gradient(transparent 80%,pink 60%)
}

.underline_blue {
	background:linear-gradient(transparent 80%,lightblue 60%)
}

ul.kakko > li:nth-child(1) {
  list-style: "（１）";
  list-style-position: outside;
}
ul.kakko > li:nth-child(2) {
  margin-top: 10px;  
  list-style: "（２）";
  list-style-position: outside;
}
ul.kakko > li:nth-child(3) {
  margin-top: 10px;
  list-style: "（３）";
  list-style-position: outside;
}
ul.kakko > li:nth-child(5) {
  margin-top: 10px;
  list-style: "（４）";
  list-style-position: outside;
}
ul.kakko > li:nth-child(6) {
  margin-top: 10px;
  list-style: "（５）";
  list-style-position: outside;
}
ul.kakko ul li {
  margin-top: 10px;
  list-style-type: circle;
}