@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
img, a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */

body{
color:#000;
font-size:16px;
font-weight: 400;
font-variant-ligatures: none;
letter-spacing: 0.03em;
font-family: YakuHanJPs, "Lato", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
line-height:1.8;
background-image:url(../Resources/bg-craft-13-400px.jpg);
background-size: 200px 200px;
background-repeat:repeat;
-webkit-text-size-adjust:100%;
}


/* リンク設定
------------------------------------------------------------*/
a{color:#e55c00;text-decoration:none;}
a:hover{color:#b34d12;}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0;
width:100%;
position:relative;
background-color:#fff;
}

.inner{
margin:0 auto;
width:100%;
}


/*************
/* ヘッダー
*************/
#header{
height:130px;
background-color: #fff;
background-image:url(../Resources/bg-craft-05-400px.jpg);
background-size: 200px 200px;
background-repeat:repeat;
border-radius: 0;
}

#header h1{
padding:10px 0 5px 0px;
margin-left:10px;
font-size:12px;
font-weight: 400;
}

#header p{
padding:10px 0 5px 0px;
margin-left:30px;
font-size:12px;
font-weight: 400;
}

/* パンくずリスト */
.breadcrumb { clear:both; margin:0; padding:14px 10px 10px 20px; position:relative; text-align:left; }

.breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    list-style: none;
}

.breadcrumb li {
    position: relative;
    margin-right: 25px;
    margin-bottom: 5px;
    color: #666;
}
.breadcrumb li::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #666;
    border-right: 1px solid #666;
}
.breadcrumb li:first-child { margin-left: 0; }
.breadcrumb li:last-child { margin-right: 0; }
.breadcrumb li:last-child::before { display: none; }
.breadcrumb li a{ color: #e55c00; text-decoration: none; }
.breadcrumb li a:hover{ color:#b34d12; text-decoration: none; }



/*************
/* ロゴ
*************/
.logo{
float:left;
margin-left: 10px;
}

.logo a{
color:#555;
}

.logo p{float:left;}

.logo span{display:block;}


/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
}

.info .open{font-size:11px;}

.ill{
float:right;
padding-right:30px;
text-align:right;
margin-top: 0px;
width:205px; 
height:80px;
}


/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
margin-top:6px;
font-size:20px;
font-weight: 600;
}

.logo span,.info span{
font-size:.6em;
font-weight: 400;
}

/**************************
/* トップのタイトル
**************************/
#top-box{
	clear:both;
	margin:0;
	padding:25px 4% 25px 4%;
	position:relative;
	text-align:left;
	background-image:url(../Resources/bg-craft-10-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	color:#f5f0e8;
	}

#top-box-ikuji-hoiku{
	clear:both;
	margin:0;
	padding:25px 4% 25px 4%;
	position:relative;
	text-align:left;
	background-image:url(../Resources/bg-craft-10-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	color:#f5f0e8;
	}

#top-box.top { display: flex; flex-wrap: wrap; align-items: flex-start;}
	
#top-box.top-center { display: flex; flex-wrap: wrap; align-items: center; }

#top-box.top-center-mb-40 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px; }

#top-box.top-end { display: flex; flex-wrap: wrap; align-items: flex-end; }
	
#top-box.top .column-40 { width: 40%; }
#top-box.top .column-60 { width: 60%; }
#top-box.top .column-30 { width: 30%; }
#top-box.top .column-70 { width: 70%; }
#top-box.top .column-100 { width: 100%; }

#top-box.top-center .column-40 { width: 40%; }
#top-box.top-center .column-60 { width: 60%; }
#top-box.top-center .column-30 { width: 30%; }
#top-box.top-center .column-70 { width: 70%; }
#top-box.top-center .column-100 { width: 100%; }
#top-box.top-center .column-50 { width: 50%; }

#top-box.top-center-mb-40 .column-40 { width: 40%; }
#top-box.top-center-mb-40 .column-60 { width: 60%; }
#top-box.top-center-mb-40 .column-30 { width: 30%; }
#top-box.top-center-mb-40 .column-70 { width: 70%; }
#top-box.top-center-mb-40 .column-100 { width: 100%; }
#top-box.top-center-mb-40 .column-50 { width: 50%; }

#top-box.top-end .column-40 { width: 40%; }
#top-box.top-end .column-60 { width: 60%; }
#top-box.top-end .column-30 { width: 30%; }
#top-box.top-end .column-70 { width: 70%; }
#top-box.top-end .column-100 { width: 100%; }
	
.column-40 h1 { font-weight:600; font-size:30px; line-height:1.4; margin-bottom: 0; }

.column-60 p { font-weight:400; font-size:16px; line-height:1.6; text-align:left; margin: 0; }
.column-60 h1.heading { font-weight:600; font-size:22px; line-height:30px; letter-spacing: 0.05em; padding:0 0 0 18px; margin:0; border-left: 1px solid #f5f0e8; }
	
.column-30 h2 { font-weight:600; font-size:30px; line-height:1.4; letter-spacing: 0.05em; margin-bottom: 0; }

.column-70 p { font-weight:400; font-size:16px; line-height:1.6; text-align:left; letter-spacing: 0.05em; margin: 0; }
.column-70 h1.heading { font-weight:600; font-size:22px; line-height:30px; letter-spacing: 0.05em; padding:0 0 0 18px; margin:0; border-left: 1px solid #f5f0e8; }

.column-50 h1.heading { font-weight:600; font-size:22px; line-height:30px; letter-spacing: 0.05em; padding:0 0 0 18px; margin:0; border-left: 1px solid #f5f0e8; }
.column-100 h1.heading { font-weight:600; font-size:22px; line-height:30px; letter-spacing: 0.05em; padding:0 0 0 18px; margin:0; border-left: 1px solid #f5f0e8; }

img.top-educare-logo-90{ width:90%; height:auto; }
img.top-educare-logo-85{ width:85%; height:auto; }
img.top-educare-logo-80{ width:80%; height:auto; }
img.top-educare-logo-70{ width:70%; height:auto; }
img.top-educare-logo-60{ width:60%; height:auto; }
img.top-educare-logo-50{ width:50%; height:auto; }

#top-box.top-center .left-fixed-250 { width: 250px; }
#top-box.top-center .left-fixed-270 { width: 270px; }
#top-box.top-center .left-fixed-340 { width: 340px; }

#top-box.top-center-mb-40 .left-fixed-250 { width: 250px; }
#top-box.top-center-mb-40 .left-fixed-270 { width: 270px; }

#top-box.top-center .right-fluid { flex: 1; }
#top-box.top-center-mb-40 .right-fluid { flex: 1; }

.right-fluid h1.heading { font-weight:600; font-size:22px; line-height:30px; letter-spacing: 0.05em; padding:0 0 0 18px; margin:0; border-left: 1px solid #f5f0e8; }
.right-fluid p { font-weight:400; font-size:16px; line-height:1.6; text-align:left; letter-spacing: 0.05em; margin: 0; }

img.top-educare-logo-240{ width:240px; height:auto; margin-top: 5px; }


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
clear:both;
margin:0 auto 0;
padding:0;
position:relative;
text-align:center;
}
	
#mainBanner.mb-0{
clear:both;
margin:0;
padding:0;
position:relative;
text-align:center;
}

#mainBanner.mb-5{
clear:both;
margin:0px 0px 5px 0px;
padding:0;
position:relative;
text-align:center;
}

#mainBanner.mb-10{
clear:both;
margin:0px 0px 10px 0px;
padding:0;
position:relative;
text-align:center;
}

#mainBanner.mb-15{
clear:both;
margin:0px 0px 15px 0px;
padding:0;
position:relative;
text-align:center;
}

#mainBanner.mb-20{
clear:both;
margin:0px 0px 20px 0px;
padding:0;
position:relative;
text-align:center;
}

#mainBanner.mb-30{
clear:both;
margin:0px 0px 30px 0px;
padding:0;
position:relative;
text-align:center;
}

#mainBanner.mb-40{
clear:both;
margin:0px 0px 40px 0px;
padding:0;
position:relative;
text-align:center;
}

#mainBanner .inner{position:relative;}

#mainBanner img{
max-width:100%;
height:auto;
}

.slogan{
color:#fff;
font-weight:600;
position:absolute;
max-width:100%;
height:auto;
bottom:42%;
left:40px;
padding:5px 10px;
line-height:1.4;
text-align:left;
}

.slogan h2{
padding-bottom:5px;
font-size:22px;
}


/**************************
/* グリッド
**************************/
.gridWrapper{
clear:both;
overflow:hidden;
background-color:#fff;
padding:0px 0px 20px 0px;
}

* html .gridWrapper{height:1%;}
	
.grid{
overflow:hidden;
}

.box{
padding:10px;
}

.box img{
max-width:100%;
height:auto;
}

.box h3{
font-size:16px;
padding:10px 0 15px;
}

.box h3, .box p{text-align:left;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}

.box p.readmore a{
padding:3px 7px;
border-radius:3px;
}


/*************
メイン コンテンツ
*************/
section.content article{
padding:0;
margin-bottom:0;
overflow:hidden;
}

section.content{
padding:0;
margin:0;
}

section.toppage article,section.content .archive{border:0;}

section.content article.post{
padding:0px 20px 0px 20px;
}

section.content article.post .box-ma-2{
	display:block;
	margin: 0 2%;
	padding: 0;
	}


/* アーカイブページ */
section.content .archive{
	padding:0;
	border-bottom:1px dotted #ccc;
	}

section.content p{
	margin:0;
	padding:0;
	}

section.content p.m-btm-20{
	margin-bottom:20px;
	}

section.content h3 { margin:0; padding:0; }

section.content h3.heading{
	font-size:18px;
	font-weight:600;
	padding:15px 0px 14px 20px;
	margin-bottom: 30px;
	line-height: 26px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2 { margin:0; padding:0; }

section.content h2.heading-16{
	font-size:16px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 40px;
	line-height:24px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-16-mb-10{
	font-size:16px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 10px;
	line-height:24px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-16-mb-30{
	font-size:16px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 30px;
	line-height:24px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-17{
	font-size:17px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 40px;
	line-height:25px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-17-mb-10{
	font-size:17px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 10px;
	line-height:25px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-17-mb-30{
	font-size:17px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 30px;
	line-height:25px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-18{
	font-size:18px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 40px;
	line-height:26px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-18-mb-10{
	font-size:18px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 10px;
	line-height:26px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-18-mb-30{
	font-size:18px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 30px;
	line-height:26px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content h2.heading-20{
	font-size:20px;
	font-weight:600;
	padding:15px 0px 15px 20px;
	margin-bottom: 40px;
	line-height: 28px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	color: #000;
	background-image:url(../Resources/bg-craft-05-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

section.content img{
	max-width:100%;
	height:auto;
	}

.alignleft{
	float:left;
	clear:left;
	margin:3px 10px 10px 0;
	}

.alignright{
	float:right;
	clear:right;
	margin:3px 0 10px 10px;
	}

/* ボックス用
------------------------------------------------------------*/

.box-1-col {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0;
}

.box-2-col {
width: 50%;
margin: 0;
padding: 0;
}

.box-3-col {
width: calc(100% / 3); /* 親の幅の1/3を均等に割り当て */
margin: 0;
padding: 0;
}

.box-flex-1-col {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0;
}

.box-flex-6-col {
width: calc(100% / 6); /* 親の幅の1/6を均等に割り当て */
margin: 0;
padding: 0;
}

.box-flex-3-col {
width: calc(100% / 3); /* 親の幅の1/3を均等に割り当て */
margin: 0;
padding: 0;
}

.box-flex-2-col {
width: calc(100% / 2); /* 親の幅の1/2を均等に割り当て */
margin: 0;
padding: 0;
}

.box-flex-100 { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; }
.box-flex-100-re { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; }

.box-flex-70 { width: 70%; margin: 0; padding: 0; }
.box-flex-65 { width: 65%; margin: 0; padding: 0; }
.box-flex-60 { width: 60%; margin: 0; padding: 0; }
.box-flex-50 { width: 50%; margin: 0; padding: 0; }
.box-flex-40 { width: 40%; margin: 0; padding: 0; }
.box-flex-35 { width: 35%; margin: 0; padding: 0; }
.box-flex-30 { width: 30%; margin: 0; padding: 0; }

.box-flex-35-ma-2 { width: 31%; margin: 0 2%; padding: 0; }
.box-flex-35-ma-3 { width: 29%; margin: 0 3%; padding: 0; }
.box-flex-30-ma-2 { width: 26%; margin: 0 2%; padding: 0; }
.box-flex-30-ma-3 { width: 24%; margin: 0 3%; padding: 0; }

.box-flex-35-ma-left-2 { width: 33%; margin-left: 2%; padding: 0; }
.box-flex-35-ma-left-3 { width: 32%; margin-left: 3%; padding: 0; }
.box-flex-30-ma-left-2 { width: 28%; margin-left: 2%; padding: 0; }
.box-flex-30-ma-left-3 { width: 27%; margin-left: 3%; padding: 0; }


.ma-side-15{ margin: 0 15px 0 15px; }
.pad-side-15{ padding: 0 15px 0 15px; }



/*************
/* サイドバー
*************/
#sidebar h3.heading{
	font-size:16px;
	font-weight:600;
	padding:12px 0 10px 0;
	margin-bottom:5px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	position: relative;
	}

.sidebar-icon {
	position: relative;
	}
		
.sidebar-icon::before {
	content: "";
		position: absolute;
		left: -15px;
		top: 50%;
		transform: translateY(-50%); /* 上下の中央揃え */
		width: 10px;
		height:	28px;
		background-color: #000;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

#sidebar h3.heading a{
color:#000;
}

#sidebar h3.heading a:hover{
color:#b34d12;
}

#sidebar article{
clear:both;
margin-bottom:10px;
}

#sidebar ul{padding:12px 0;}

#sidebar li{
margin-bottom:14px;
padding-bottom:14px;
list-style:none;
border-bottom:1px dashed #000;
}

#sidebar li a{
color:#000;
font-size:14px;
line-height: 1.6;
display:block;
}

#sidebar li a:hover{
color:#b34d12;
font-size:14px;
display:block;
}


/*************
/* フッター
*************/
#footer{
clear:both;
background-image:url(../Resources/bg-craft-05-400px.jpg);
background-size: 200px 200px;
background-repeat:repeat;
}

#footer a{
color:#000;
}

#footer a:hover{
color:#b34d12;
}

#footer .inner{
padding:30px 0px;
overflow:hidden;
}

#footer .grid{
margin:0;
}

#footer #info{float:left;}

#footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:5px 0px 10px 0px;
text-align:left;
}

#footer .logo{font-size:18px; margin-bottom: 5px; }
#footer .logo img{margin: 0; padding: 0; }

#footer .info .tel,
#footer .info .tel span,
#footer #info .open{
font-size:14px;
color:#000;
margin-left:30px;
}

#footer .info p{
font-size:14px;
color:#000;
margin-left:30px;
}

#footer .info p span{
font-size:20px;
font-weight: 600;
}

#footer ul.footnav{
float:right;
width:240px;
padding:10px 0;
}
#footer ul.footnav ul{display:none;}

#footer ul.footnav li{
float:left;
margin:20px 0 10px 0;
padding:0 12px 0 13px;
border-right:1px solid #000;
}

#footer ul.footnav li:first-child{
padding:0 12px 0 13px;
border-left:1px solid #000;
}

#copyright{
clear:both;
padding:20px 10px 20px 10px;
text-align:center;
font-style:400;
font-size:11px;
line-height: 1.8em;
color:#f5f0e8;
background-image:url(../Resources/bg-craft-10-400px.jpg);
background-size: 200px 200px;
background-repeat:repeat;
}

#copyright a{
color:#f5f0e8;
}

#copyright a:hover{
color:#f60;
}

/* ページトップに戻るボタン
*****************************************************/
.pagetop-btn {
  position: fixed;
  width: 55px;
  height: 55px;
  border: solid 1px #fff;
  border-radius: 50%;
  background-color:rgba(000, 000, 000, 0.6);
  cursor: pointer;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.3s, transform 0.3s;
}

.pagetop-btn p{
	color: #fff;
	font-size: 11px;
	line-height: 13px;
	margin-top: 36%;
	letter-spacing: 0.1em;
	text-align: center;
	}

.pagetop-btn::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -25%) rotate(45deg);
}

.pagetop-btn.visible {
  opacity: 1;
  transform: translateY(0);
}



/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}

.prev{float:left}
.next{float:right;}

#pageLinks{
clear:both;
text-align:center;
}


/* タイポグラフィ
*****************************************************/
.post p.dateLabel {
margin:0px 0px 15px 0px;
text-align:left;
font-size:13px;
font-weight:400;
color:#a6937c;
letter-spacing: 0.1em;
}

.post p{
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	margin: 0;
	padding: 0;
	}

.post ul{margin:0px;}

.post ul li{
margin-bottom:0px;
padding-left:0px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin:0 0 10px 30px;}

.post ol li{list-style:decimal;}


.post ul.list-16 {
	list-style: none; /* デフォルトの丸を消す */
	font-size:16px;
	line-height:24px;
	}

.post ul.list-16 li{
	position: relative;
	padding-left: 16px;
	margin-left:5px;
	margin-bottom:15px;
	}

.post ul.list-16 li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.5em; /* 位置調整 */
	width: 10px; /* 円の幅 */
	height: 10px; /* 円の高さ */
	background-color: #d1c0a5; /* 円の色 */
	border-radius: 50%; /* 円にする */
	}
	
.post ul.list-16-mb-0 {
	list-style: none; /* デフォルトの丸を消す */
	font-size:16px;
	line-height:24px;
	}

.post ul.list-16-mb-0 li{
	position: relative;
	padding-left: 16px;
	margin-left:5px;
	margin-bottom:0px;
	}

.post ul.list-16-mb-0 li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.5em; /* 位置調整 */
	width: 10px; /* 円の幅 */
	height: 10px; /* 円の高さ */
	background-color: #d1c0a5; /* 円の色 */
	border-radius: 50%; /* 円にする */
	}

.post ul.list-16-mb-5 {
	list-style: none; /* デフォルトの丸を消す */
	font-size:16px;
	line-height:24px;
	}

.post ul.list-16-mb-5 li{
	position: relative;
	padding-left: 16px;
	margin-left:5px;
	margin-bottom:5px;
	}

.post ul.list-16-mb-5 li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.5em; /* 位置調整 */
	width: 10px; /* 円の幅 */
	height: 10px; /* 円の高さ */
	background-color: #d1c0a5; /* 円の色 */
	border-radius: 50%; /* 円にする */
	}

.post ul.list-16-mb-5 li:last-child{
	margin-bottom:0px;
	}

.post ul.list-16-mb-10 {
	list-style: none; /* デフォルトの丸を消す */
	font-size:16px;
	line-height:24px;
	}

.post ul.list-16-mb-10 li{
	position: relative;
	padding-left: 16px;
	margin-left:5px;
	margin-bottom:10px;
	}

.post ul.list-16-mb-10 li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.5em; /* 位置調整 */
	width: 10px; /* 円の幅 */
	height: 10px; /* 円の高さ */
	background-color: #d1c0a5; /* 円の色 */
	border-radius: 50%; /* 円にする */
	}

.post ul.list-16-mb-10 li:last-child{
	margin-bottom:0px;
	}

.post ul.list-16-mb-20 {
	list-style: none; /* デフォルトの丸を消す */
	font-size:16px;
	line-height:24px;
	}

.post ul.list-16-mb-20 li{
	position: relative;
	padding-left: 16px;
	margin-left:5px;
	margin-bottom:20px;
	}

.post ul.list-16-mb-20 li:last-child{
	margin-bottom:0px;
	}

.post ul.list-16-mb-20 li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.5em; /* 位置調整 */
	width: 10px; /* 円の幅 */
	height: 10px; /* 円の高さ */
	background-color: #d1c0a5; /* 円の色 */
	border-radius: 50%; /* 円にする */
	}


.post ul.list-16-mb-30 {
	list-style: none; /* デフォルトの丸を消す */
	font-size:16px;
	line-height:24px;
	margin-bottom:30px;
	}

.post ul.list-16-mb-30 li{
	position: relative;
	padding-left: 16px;
	margin-left:5px;
	margin-bottom:5px;
	}

.post ul.list-16-mb-30 li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.5em; /* 位置調整 */
	width: 10px; /* 円の幅 */
	height: 10px; /* 円の高さ */
	background-color: #d1c0a5; /* 円の色 */
	border-radius: 50%; /* 円にする */
	}


.post ul.list-18 {
	list-style: none; /* デフォルトの丸を消す */
	font-size:18px;
	line-height:26px;
	}

.post ul.list-18 li{
	position: relative;
	padding-left: 16px;
	margin-left:5px;
	margin-bottom:15px;
	}

.post ul.list-18 li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.5em; /* 位置調整 */
	width: 10px; /* 円の幅 */
	height: 10px; /* 円の高さ */
	background-color: #d1c0a5; /* 円の色 */
	border-radius: 50%; /* 円にする */
	}

/* エデュカーレの目次リスト */
.post ul.edu-contents-18 { list-style: none; font-size:18px; line-height:26px; }
.post ul.edu-contents-18 li{ position: relative; padding-left: 16px; margin-left:5px; margin-bottom:20px; }
.post ul.edu-contents-18 li::before { content: ''; position: absolute; left: 0; top: 0.5em; width: 10px; height: 10px; background-color: #d1c0a5; border-radius: 50%; }
.post ul.edu-contents-18 li:last-child { margin-bottom:30px;}

.post ul.edu-contents-16 { list-style: none; font-size:16px; line-height:24px; }
.post ul.edu-contents-16 li{ position: relative; padding-left: 16px; margin-left:5px; margin-bottom:20px; }
.post ul.edu-contents-16 li::before { content: ''; position: absolute; left: 0; top: 0.5em; width: 10px; height: 10px; background-color: #d1c0a5; border-radius: 50%; }
.post ul.edu-contents-16 li:last-child { margin-bottom:30px;}


.post h1.bb-28-mb-25{ padding:0 0 10px 0; margin:0 0 25px 0; font-size:28px; font-weight:600; line-height:34px; color:#000; border-bottom:1px solid #b39c7d; }

.post h1.bb-32-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:32px; font-weight:600; line-height:40px; color:#000; border-bottom:1px solid #b39c7d; }
.post h1.bb-30-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:30px; font-weight:600; line-height:38px; color:#000; border-bottom:1px solid #b39c7d; }
.post h1.bb-28-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:28px; font-weight:600; line-height:36px; color:#000; border-bottom:1px solid #b39c7d; }

.post h2.bb-28-mb-25{ padding:0 0 10px 0; margin:0 0 25px 0; font-size:28px; font-weight:600; line-height:36px; color:#000; border-bottom:1px solid #b39c7d; }
.post h2.bb-27-mb-25{ padding:0 0 10px 0; margin:0 0 25px 0; font-size:27px; font-weight:600; line-height:35px; color:#000; border-bottom:1px solid #b39c7d; }
.post h2.bb-26-mb-25{ padding:0 0 10px 0; margin:0 0 25px 0; font-size:26px; font-weight:600; line-height:34px; color:#000; border-bottom:1px solid #b39c7d; }
.post h2.bb-25-mb-25{ padding:0 0 10px 0; margin:0 0 25px 0; font-size:25px; font-weight:600; line-height:33px; color:#000; border-bottom:1px solid #b39c7d; }
.post h2.bb-24-mb-25{ padding:0 0 10px 0; margin:0 0 25px 0; font-size:24px; font-weight:600; line-height:32px; color:#000; border-bottom:1px solid #b39c7d; }

.post h2.bb-26-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:26px; font-weight:600; line-height:34px; color:#000; border-bottom:1px solid #b39c7d; }
.post h2.bb-25-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:25px; font-weight:600; line-height:33px; color:#000; border-bottom:1px solid #b39c7d; }
.post h2.bb-24-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:24px; font-weight:600; line-height:32px; color:#000; border-bottom:1px solid #b39c7d; }

.post h3.bb-24-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:24px; font-weight:600; line-height:32px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-23-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:23px; font-weight:600; line-height:31px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-22-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:22px; font-weight:600; line-height:30px; color:#000; border-bottom:1px solid #b39c7d; }	
.post h3.bb-21-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:21px; font-weight:600; line-height:29px; color:#000; border-bottom:1px solid #b39c7d; }	
.post h3.bb-20-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-19-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:19px; font-weight:600; line-height:27px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-18-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-16-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:16px; font-weight:600; line-height:24px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-15-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:15px; font-weight:600; line-height:23px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-14-mb-30{ padding:0 0 10px 0; margin:0 0 30px 0; font-size:14px; font-weight:600; line-height:22px; color:#000; border-bottom:1px solid #b39c7d; }

.post h3.bb-18-mb-20{ padding:0 0 10px 0; margin:0 0 20px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-16-mb-20{ padding:0 0 10px 0; margin:0 0 20px 0; font-size:16px; font-weight:600; line-height:24px; color:#000; border-bottom:1px solid #b39c7d; }

.post h3.bb-18-mb-10{ padding:0 0 10px 0; margin:0 0 10px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; border-bottom:1px solid #b39c7d; }
.post h3.bb-16-mb-10{ padding:0 0 10px 0; margin:0 0 10px 0; font-size:16px; font-weight:600; line-height:24px; color:#000; border-bottom:1px solid #b39c7d; }

.post h3.btb-24-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:24px; font-weight:600; line-height:32px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-23-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:23px; font-weight:600; line-height:31px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-22-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:22px; font-weight:600; line-height:30px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }	
.post h3.btb-21-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:21px; font-weight:600; line-height:29px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }	
.post h3.btb-20-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-19-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:19px; font-weight:600; line-height:27px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-18-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-16-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:16px; font-weight:600; line-height:24px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-15-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:15px; font-weight:600; line-height:23px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-14-mb-30{ padding:10px 0; margin:0 0 30px 0; font-size:14px; font-weight:600; line-height:22px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }

.post h3.btb-22-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:22px; font-weight:600; line-height:30px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }	
.post h3.btb-21-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:21px; font-weight:600; line-height:29px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }	
.post h3.btb-20-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-19-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:19px; font-weight:600; line-height:27px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-18-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-16-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:16px; font-weight:600; line-height:24px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-15-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:15px; font-weight:600; line-height:23px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-14-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:14px; font-weight:600; line-height:22px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }

.post h3.btb-20-normal-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:20px; font-weight:400; line-height:28px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-19-normal-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:19px; font-weight:400; line-height:27px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-18-normal-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:18px; font-weight:400; line-height:26px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }
.post h3.btb-16-normal-mb-20{ padding:10px 0; margin:0 0 20px 0; font-size:16px; font-weight:400; line-height:24px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }

.post h3.edu-contents{ padding:8px 0; margin:0 0 20px 0; font-size:16px; font-weight:400; line-height:24px; color:#000; border-top:1px solid #b39c7d; border-bottom:1px solid #b39c7d; }

.post h3.txt-20-mb-25{ padding:0 0 10px 0; margin:0 0 25px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; border-bottom:1px solid #b39c7d; }

.post h4.h4-22-mb-30{ padding:0; margin:0 0 30px 0; font-size:22px; font-weight:600; line-height:30px; color:#000; }
.post h4.h4-21-mb-30{ padding:0; margin:0 0 30px 0; font-size:21px; font-weight:600; line-height:29px; color:#000; }
.post h4.h4-20-mb-30{ padding:0; margin:0 0 30px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; }
.post h4.h4-19-mb-30{ padding:0; margin:0 0 30px 0; font-size:19px; font-weight:600; line-height:27px; color:#000; }
.post h4.h4-18-mb-30{ padding:0; margin:0 0 30px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; }
.post h4.h4-17-mb-30{ padding:0; margin:0 0 30px 0; font-size:17px; font-weight:600; line-height:25px; color:#000; }

.post h4.h4-22-mb-20{ padding:0; margin:0 0 20px 0; font-size:22px; font-weight:600; line-height:30px; color:#000; }
.post h4.h4-21-mb-20{ padding:0; margin:0 0 20px 0; font-size:21px; font-weight:600; line-height:29px; color:#000; }
.post h4.h4-20-mb-20{ padding:0; margin:0 0 20px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; }
.post h4.h4-19-mb-20{ padding:0; margin:0 0 20px 0; font-size:19px; font-weight:600; line-height:27px; color:#000; }
.post h4.h4-18-mb-20{ padding:0; margin:0 0 20px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; }
.post h4.h4-17-mb-20{ padding:0; margin:0 0 20px 0; font-size:17px; font-weight:600; line-height:25px; color:#000; }

.post h4.h4-22-mb-10{ padding:0; margin:0 0 10px 0; font-size:22px; font-weight:600; line-height:30px; color:#000; }
.post h4.h4-21-mb-10{ padding:0; margin:0 0 10px 0; font-size:21px; font-weight:600; line-height:29px; color:#000; }
.post h4.h4-20-mb-10{ padding:0; margin:0 0 10px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; }
.post h4.h4-19-mb-10{ padding:0; margin:0 0 10px 0; font-size:19px; font-weight:600; line-height:27px; color:#000; }
.post h4.h4-18-mb-10{ padding:0; margin:0 0 10px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; }
.post h4.h4-17-mb-10{ padding:0; margin:0 0 10px 0; font-size:17px; font-weight:600; line-height:25px; color:#000; }

.post h5.h5-22-mb-20{ padding:0; margin:0 0 20px 0; font-size:22px; font-weight:600; line-height:30px; color:#000; }
.post h5.h5-21-mb-20{ padding:0; margin:0 0 20px 0; font-size:21px; font-weight:600; line-height:29px; color:#000; }
.post h5.h5-20-mb-20{ padding:0; margin:0 0 20px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; }
.post h5.h5-19-mb-20{ padding:0; margin:0 0 20px 0; font-size:19px; font-weight:600; line-height:27px; color:#000; }
.post h5.h5-18-mb-20{ padding:0; margin:0 0 20px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; }
.post h5.h5-17-mb-20{ padding:0; margin:0 0 20px 0; font-size:17px; font-weight:600; line-height:25px; color:#000; }
.post h5.h5-16-mb-20{ padding:0; margin:0 0 20px 0; font-size:16px; font-weight:600; line-height:24px; color:#000; }

.post h5.h5-20-mb-10{ padding:0; margin:0 0 10px 0; font-size:20px; font-weight:600; line-height:28px; color:#000; }
.post h5.h5-19-mb-10{ padding:0; margin:0 0 10px 0; font-size:19px; font-weight:600; line-height:27px; color:#000; }
.post h5.h5-18-mb-10{ padding:0; margin:0 0 10px 0; font-size:18px; font-weight:600; line-height:26px; color:#000; }
.post h5.h5-17-mb-10{ padding:0; margin:0 0 10px 0; font-size:17px; font-weight:600; line-height:25px; color:#000; }
.post h5.h5-16-mb-10{ padding:0; margin:0 0 10px 0; font-size:16px; font-weight:600; line-height:24px; color:#000; }

.post blockquote{
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table.01{
border-collapse:collapse;
margin:5px auto 15px auto;
}

.post table.01 td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #d1c0a5;
line-height:20px;
}

.post table.01 th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

.post img.application-20th-booklet-photo { position:relative; max-width:100%; height:auto; vertical-align:top; margin:0;}

img.aligncenter{
display:block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin:0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float:left;}

.sp { display: none; }

/* Post テーブル追加 --------------------------- */
.post table.educare_books {
	background-color:#fff;
	border-collapse:separate; 
	border-spacing:0px; 
	text-align:center; 
	color:#a6937c; 
	font-size:15px; 
	line-height:1.8; 
	margin:0px; 
	}
	
.post table.educare_books th {
	background-color:#fff;
	width:113px; 
	height:auto; 
	padding:0px 0px 0px 0px; 
	font-weight:normal; 
	vertical-align:top; 
	margin:0px; 
	border:none;
	text-align:center; 
	}
	
.post table.educare_books td {
	background-color:#fff;
	width:113px; 
	padding:0px; 
	vertical-align:top; 
	margin:0px; 
	border:none;
	text-align:center; 
	}
	
.post table.educare_books td p {
	background-color:#fff;
	text-align:center; 
	color:#a6937c; 
	font-size:15px; 
	line-height:1.8; 
	margin:0px; 
	}

.educare_photo { position:relative; width:113px; height:170px; vertical-align:top; margin:0px }

.post table.educare-backnumber-6 {
	width: 100%;
	background-color:#fff;
	border-collapse:separate; 
	border-spacing:0px; 
	text-align:center; 
	color:#000; 
	font-size:15px; 
	line-height:1.8; 
	margin:0px; 
	}
	
.post table.educare-backnumber-6 th {
	background-color:#fff;
	width:16.6%; 
	height:auto; 
	padding:0px 0px 0px 0px; 
	font-weight:normal; 
	vertical-align:top; 
	margin:0px; 
	border:none;
	text-align:center; 
	}
	
.post table.educare-backnumber-6 td {
	background-color:#fff;
	width:16.6%; 
	padding:0px; 
	vertical-align:top; 
	margin:0px; 
	border:none;
	text-align:center; 
	}
	
.post table.educare-backnumber-6 td p {
	background-color:#fff;
	text-align:center; 
	color:#000; 
	font-size:15px; 
	line-height:1.8; 
	margin:0px; 
	}

.post table.backnumber-3-col {
	width: 100%;
	background-color:#fff;
	border-collapse:separate; 
	border-spacing:0px; 
	text-align:center; 
	color:#000; 
	font-size:15px; 
	line-height:1.8; 
	margin:0px; 
	}
	
.post table.backnumber-3-col th {
	background-color:#fff;
	width:33.33333%;
	height:auto; 
	padding:0px 0px 0px 0px; 
	font-weight:top; 
	vertical-align:top; 
	margin:0px; 
	border:none;
	text-align:center; 
	}
	
.post table.backnumber-3-col td {
	background-color:#fff;
	width:33.33333%;
	padding:0px; 
	vertical-align:top; 
	margin:0px; 
	border:none;
	text-align:center; 
	}
	
.post table.backnumber-3-col td p {
	background-color:#fff;
	text-align:left; 
	color:#000; 
	font-size:14px; 
	line-height:1.6; 
	margin:0px; 
	}

.post table.backnumber-3-col th {
	background-color:#fff;
	width:33.33333%;
	height:auto; 
	padding:0px 0px 0px 0px; 
	font-weight:normal; 
	vertical-align:top; 
	margin:0px; 
	border:none;
	text-align:center; 
	}

.educare_photo { position:relative; max-width:100%; height:auto; vertical-align:top; margin:0px; }
.educare-photo { position:relative; max-width:100%; height:auto; vertical-align:top; margin:0px; }
.educare-backnumber-photo-6 { position:relative; max-width:100%; height:auto; vertical-align:top; margin:0px; }
.educare-backnumber-photo { position:relative; max-width:100%; height:auto; vertical-align:top; margin:0px; }


/* Post Navigation --------------------------- */

.post-navigation { 
	background: #fff; 
	min-height: 2px;
}

.post-navigation a,
.post-navigation a p {
	 transition: all 0.4s ease-in-out;
}

.post-navigation a {
	display: block;
	width: 48.5%;
	height: 100px;
	margin-top: 0px;
	margin-bottom: 40px;
	background: #fdf6ed;
	overflow: hidden;
	position: relative;
	border-radius:10px;
	border: 1px solid #000;
}

.post-navigation .post-nav-prev { float: left; }
.post-navigation .post-nav-next { float: right; }

.post-navigation p {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
	color: #000;
	position: absolute;
	top: 35%;
	margin-top: -7px;
	right: 0;
	left: 0;
}

.post-navigation span.size-120 { font-size: 120%; }
.post-navigation span.weight-600 { font-size: 90%; font-weight: 600; }
.post-navigation span.weight-500 { font-size: 90%; font-weight: 500; }

.post-navigation a:hover { background: #f2bd91; }
.post-navigation a:hover p { color: #000; }
    
    
/* タイポグラフィ追加
*****************************************************/

.post p.list-16 {
	color:#000;
	font-size:16px; 
	line-height:24px;
	position: relative;
	padding-left: 16px; /* マーク用の余白 */
	margin-left:5px;
	margin-bottom:15px;
	}

.post p.list-16::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5em; /* 位置調整 */
	width: 10px; /* 円の幅 */
	height: 10px; /* 円の高さ */
	background-color: #d1c0a5; /* 円の色 */
	border-radius: 50%; /* 円にする */
	}

.txt-30 { color:#000; font-size:30px; line-height:40px; }
.txt-28 { color:#000; font-size:28px; line-height:36px; }	
.txt-26 { color:#000; font-size:26px; line-height:34px; }
.txt-24 { color:#000; font-size:24px; line-height:32px; }
.txt-22 { color:#000; font-size:22px; line-height:30px; }
.txt-20 { color:#000; font-size:20px; line-height:28px; }
.txt-18 { color:#000; font-size:18px; line-height:26px; }
.txt-16 { color:#000; font-size:16px; line-height:24px; }
.txt-15 { color:#000; font-size:15px; line-height:23px; }
.txt-14 { color:#000; font-size:14px; line-height:22px; }
.txt-13 { color:#000; font-size:13px; line-height:21px; }
.txt-12 { color:#000; font-size:12px; line-height:20px; }
.txt-11 { color:#000; font-size:11px; line-height:18px; }

p.txt-30 { color:#000; font-size:30px; line-height:40px; }
p.txt-28 { color:#000; font-size:28px; line-height:36px; }	
p.txt-26 { color:#000; font-size:26px; line-height:34px; }
p.txt-24 { color:#000; font-size:24px; line-height:32px; }
p.txt-22 { color:#000; font-size:22px; line-height:30px; }
p.txt-20 { color:#000; font-size:20px; line-height:28px; }
p.txt-18 { color:#000; font-size:18px; line-height:26px; }
p.txt-16 { color:#000; font-size:16px; line-height:24px; }
p.txt-15 { color:#000; font-size:15px; line-height:23px; }
p.txt-14 { color:#000; font-size:14px; line-height:22px; }
p.txt-13 { color:#000; font-size:13px; line-height:21px; }
p.txt-12 { color:#000; font-size:12px; line-height:20px; }
p.txt-11 { color:#000; font-size:11px; line-height:18px; }

p.txt-16-red { color:#f00; font-size:16px; line-height: 24px; }
p.txt-15-red { color:#f00; font-size:15px; line-height: 23px; }
p.txt-14-red { color:#f00; font-size:14px; line-height: 22px; }

p.txt-16-center { color:#000; font-size:16px; line-height:24px; text-align: center; }
p.txt-1626-center { color:#000; font-size:16px; line-height:26px; text-align: center; }
p.txt-1628-center { color:#000; font-size:16px; line-height:28px; text-align: center; }

p.txt-30-strong { color:#000; font-size:30px; line-height:40px; font-weight: 600; }
p.txt-28-strong { color:#000; font-size:28px; line-height:36px; font-weight: 600; }
p.txt-26-strong { color:#000; font-size:26px; line-height:34px; font-weight: 600; }
p.txt-24-strong { color:#000; font-size:24px; line-height:32px; font-weight: 600; }
p.txt-22-strong { color:#000; font-size:22px; line-height:30px; font-weight: 600; }
p.txt-20-strong { color:#000; font-size:20px; line-height:28px; font-weight: 600; }
p.txt-18-strong { color:#000; font-size:18px; line-height:26px; font-weight: 600; }
p.txt-16-strong { color:#000; font-size:16px; line-height:24px; font-weight: 600; }
p.txt-15-strong { color:#000; font-size:15px; line-height:23px; font-weight: 600; }
p.txt-14-strong { color:#000; font-size:14px; line-height:22px; font-weight: 600; }
p.txt-13-strong { color:#000; font-size:13px; line-height:21px; font-weight: 600; }
p.txt-12-strong { color:#000; font-size:12px; line-height:20px; font-weight: 600; }

.ma-top-5 { margin-top:5px; }
.ma-top-10 { margin-top:10px; }
.ma-top-15 { margin-top:15px; }
.ma-top-20 { margin-top:20px; }
.ma-top-25 { margin-top:25px; }
.ma-top-30 { margin-top:30px; }
.ma-top-35 { margin-top:35px; }
.ma-top-40 { margin-top:40px; }

.post p.ma-top-5 { margin-top:5px; }
.post p.ma-top-10 { margin-top:10px; }
.post p.ma-top-15 { margin-top:15px; }
.post p.ma-top-20 { margin-top:20px; }
.post p.ma-top-25 { margin-top:25px; }
.post p.ma-top-30 { margin-top:30px; }
.post p.ma-top-35 { margin-top:35px; }
.post p.ma-top-40 { margin-top:40px; }

.ma-btm-5 { margin-bottom:5px; }
.ma-btm-10 { margin-bottom:10px; }
.ma-btm-15 { margin-bottom:15px; }
.ma-btm-20 { margin-bottom:20px; }
.ma-btm-25 { margin-bottom:25px; }
.ma-btm-30 { margin-bottom:30px; }
.ma-btm-35 { margin-bottom:35px; }
.ma-btm-40 { margin-bottom:40px; }
.ma-btm-50 { margin-bottom:50px; }
.ma-btm-60 { margin-bottom:60px; }

.post p.ma-btm-5 { margin-bottom:5px; }
.post p.ma-btm-10 { margin-bottom:10px; }
.post p.ma-btm-15 { margin-bottom:15px; }
.post p.ma-btm-20 { margin-bottom:20px; }
.post p.ma-btm-25 { margin-bottom:25px; }
.post p.ma-btm-30 { margin-bottom:30px; }
.post p.ma-btm-35 { margin-bottom:35px; }
.post p.ma-btm-40 { margin-bottom:40px; }
.post p.ma-btm-50 { margin-bottom:50px; }
.post p.ma-btm-60 { margin-bottom:60px; }

.ma-left-5 { margin-left:5px; }
.ma-left-10 { margin-left:10px; }
.ma-left-15 { margin-left:15px; }
.ma-left-16 { margin-left:16px; }
.ma-left-20 { margin-left:20px; }
.ma-left-25 { margin-left:25px; }
.ma-left-30 { margin-left:30px; }
.ma-left-32 { margin-left:32px; }

.post p.ma-left-10 { margin-left:10px; }
.post p.ma-left-15 { margin-left:15px; }
.post p.ma-left-16 { margin-left:16px; }
.post p.ma-left-20 { margin-left:20px; }
.post p.ma-left-25 { margin-left:25px; }
.post p.ma-left-30 { margin-left:30px; }
.post p.ma-left-32 { margin-left:32px; }

.post p.ma-right-10 { margin-right:10px; }
.post p.ma-right-15 { margin-right:15px; }
.post p.ma-right-16 { margin-right:16px; }
.post p.ma-right-20 { margin-right:20px; }
.post p.ma-right-25 { margin-right:25px; }
.post p.ma-right-30 { margin-right:30px; }
.post p.ma-right-32 { margin-right:32px; }

.post p.pa-btm-20 { padding-bottom: 20px; }

.justify { text-align:justify; text-justify:inter-ideograph }

span.strong { font-weight: 600; }

hr.style-1{
  border-top: 1px solid #b39c7d;
}

hr.last-1{ border-top: 1px solid #b39c7d; margin-top:40px; margin-bottom:50px; }

hr.edu-last{ border-top: 1px solid #b39c7d; margin-top:40px; margin-bottom:40px; }

hr.border-20-20{ border-top: 1px solid #b39c7d; margin-top:20px; margin-bottom:20px; }
hr.border-20-30{ border-top: 1px solid #b39c7d; margin-top:20px; margin-bottom:30px; }
hr.border-30-20{ border-top: 1px solid #b39c7d; margin-top:30px; margin-bottom:20px; }
hr.border-30-30{ border-top: 1px solid #b39c7d; margin-top:30px; margin-bottom:30px; }
hr.border-30-40{ border-top: 1px solid #b39c7d; margin-top:30px; margin-bottom:40px; }
hr.border-40-30{ border-top: 1px solid #b39c7d; margin-top:40px; margin-bottom:30px; }
hr.border-40-40{ border-top: 1px solid #b39c7d; margin-top:40px; margin-bottom:40px; }
hr.border-40-50{ border-top: 1px solid #b39c7d; margin-top:40px; margin-bottom:50px; }
hr.border-50-50{ border-top: 1px solid #b39c7d; margin-top:50px; margin-bottom:50px; }

hr.border-00-20{ border-top: 1px solid #b39c7d; margin-top:0px; margin-bottom:20px; }
hr.border-00-30{ border-top: 1px solid #b39c7d; margin-top:0px; margin-bottom:30px; }
hr.border-00-40{ border-top: 1px solid #b39c7d; margin-top:0px; margin-bottom:40px; }
hr.border-00-50{ border-top: 1px solid #b39c7d; margin-top:0px; margin-bottom:50px; }
hr.border-00-60{ border-top: 1px solid #b39c7d; margin-top:0px; margin-bottom:60px; }

hr.border-20-60{ border-top: 1px solid #b39c7d; margin-top:20px; margin-bottom:60px; }
hr.border-30-60{ border-top: 1px solid #b39c7d; margin-top:30px; margin-bottom:60px; }
hr.border-40-60{ border-top: 1px solid #b39c7d; margin-top:40px; margin-bottom:60px; }
hr.border-50-60{ border-top: 1px solid #b39c7d; margin-top:50px; margin-bottom:60px; }
hr.border-60-60{ border-top: 1px solid #b39c7d; margin-top:60px; margin-bottom:60px; }

hr.black-30-30{ border-top: 1px solid #000; margin-top:30px; margin-bottom:30px; }
hr.black-40-40{ border-top: 1px solid #000; margin-top:40px; margin-bottom:40px; }
hr.black-40-50{ border-top: 1px solid #000; margin-top:40px; margin-bottom:50px; }
hr.black-50-50{ border-top: 1px solid #000; margin-top:50px; margin-bottom:50px; }
hr.black-50-60{ border-top: 1px solid #000; margin-top:50px; margin-bottom:60px; }
hr.black-60-60{ border-top: 1px solid #000; margin-top:60px; margin-bottom:60px; }


/* エデューレ上のページ送りボタン
------------------------------------------------------------*/

#box-edu-page-nav{
	clear:both;
	padding: 0 40px;
	margin-bottom: 30px;	
	position:relative;
	}

#box-edu-page-nav.top-nav { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#box-edu-page-nav.top-nav .box-nav { width: 49%; }

.edu-page-button-prev a {
    background: #fdf6ed;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    max-width: 240px;
    height:50px;
    padding:0;
    color: #000;
    border: 1px solid #000;
    transition: all 0.4s ease-in-out;
    font-weight: 700;
	font-size:14px; 
	line-height:1.0; 
	letter-spacing: 0.05em;
	}
.edu-page-button-prev a:hover {
    background: #f2bd91;
    color: #000;
    }

.edu-page-button-prev span.size-120 { font-size: 120%; margin: -2px 4px 0 0; }
.edu-page-button-prev span.weight-600 { font-size: 90%; font-weight: 600; margin: -3px 0 0 4px; }
.edu-page-button-prev span.weight-500 { font-size: 90%; font-weight: 500; margin: -3px 0 0 4px; }

.edu-page-button-next a {
    background: #fdf6ed;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 auto;
    max-width: 240px;
    height:50px;
    padding:0;
    color: #000;
    border: 1px solid #000;
    transition: all 0.4s ease-in-out;
    font-weight: 700;
	font-size:14px; 
	line-height:1.0; 
	letter-spacing: 0.05em;
	}
.edu-page-button-next a:hover {
    background: #f2bd91;
    color: #000;
    }

.edu-page-button-next span.size-120 { font-size: 120%; margin: -2px 0 0 4px; }
.edu-page-button-next span.weight-600 { font-size: 90%; font-weight: 600; margin: -3px 0 0 4px; }
.edu-page-button-next span.weight-500 { font-size: 90%; font-weight: 500; margin: -3px 0 0 4px; }

/* ボタン
------------------------------------------------------------*/
#box-edu-newbooks-nav{
	clear:both;
	padding: 0 40px;
	margin-bottom: 30px;	
	position:relative;
	}

/* ボタン（センター） */
.button-01-center a {
    background: #fdf6ed;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 260px;
    padding: 20px 25px;
    color: #000;
    border: 1px solid #000;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:16px; 
	line-height:1.0; 
	}
.button-01-center a:hover {
    background: #f2bd91;
    color: #000;
    }
.button-01-center a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    }
.button-01-center a:hover:after {
    border-color: #000;
    }

/* ボタン（右寄せ） */
.button-01-right a {
    background: #fdf6ed;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 0 0 auto;
    max-width: 260px;
    padding: 20px 25px;
    color: #000;
    border: 1px solid #000;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:16px; 
	line-height:1.0; 
	}
.button-01-right a:hover {
    background: #f2bd91;
    color: #000;
    }
.button-01-right a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    }
.button-01-right a:hover:after {
    border-color: #000;
    }

/* ボタン（左寄せ） */
.button-01-left a {
    background: #fdf6ed;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    max-width: 260px;
    padding: 20px 25px;
    color: #000;
    border: 1px solid #000;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:16px; 
	line-height:1.0; 
	}
.button-01-left a:hover {
    background: #f2bd91;
    color: #000;
    }
.button-01-left a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    }
.button-01-left a:hover:after {
    border-color: #000;
    }

/* ボタン（左寄せ）100% */
.button-01-left-100 a {
    background: #fdf6ed;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    max-width: 100%;
    padding: 20px 25px;
    color: #000;
    border: 1px solid #000;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size:16px; 
	line-height:1.0; 
	}
.button-01-left-100 a:hover {
    background: #f2bd91;
    color: #000;
    }
.button-01-left-100 a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    }
.button-01-left-100 a:hover:after {
    border-color: #000;
    }

.button-box-300{ clear:both; margin:0; padding:0; position:relative; width: 300px; }
.button-box-320{ clear:both; margin:0; padding:0; position:relative; width: 320px; }
.button-box-330{ clear:both; margin:0; padding:0; position:relative; width: 330px; }
.button-box-340{ clear:both; margin:0; padding:0; position:relative; width: 340px; }
.button-box-350{ clear:both; margin:0; padding:0; position:relative; width: 350px; }
.button-box-400{ clear:both; margin:0; padding:0; position:relative; width: 400px; }

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:960px){
	nav div.panel{
	display:block !important;
	float:left;
	border:0;
	}

	a#menu{display:none;}
	
	#mainNav{
	clear:both;
	z-index:200;
	position:relative;
	border:0;
	}

	#mainNav li{
	float:left;
	position:relative;
	border:0;
	}

	#mainNav li a{
	color:#000;
	display: block;
	text-align: center;
	_float:left;
	font-size:16px;
	font-weight: 500;
	line-height: 26px;
	width:250px;
	height:auto;
	padding:15px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-image:url(../Resources/bg-craft-12-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	transition: all 0.1s ease-in-out;
	}
	
	#mainNav li a:hover{
	color:#000;
	background-image:url(../Resources/bg-craft-07-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}
	
	#mainNav ul ul{
	width:250px;
	}
	
	#mainNav li ul{display:none;}

	#mainNav li:hover ul{
	display:block;
	position:absolute;
	top:57px;
	z-index:500;
	}
	
	#mainNav li li{
	margin:0;
	float:none;
	width:250px;
	}
	
	#mainNav li li:last-child{border-bottom:1px solid #000; }
	
	#mainNav li li a{
	width:auto;
	height:auto;
	padding:15px 0;
	font-size:15px;
	line-height: 25px;
	text-align: center;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:0px solid #000;
	}
	
	#mainNav li.current-menu-item > a{
	color:#000;
	background-image:url(../Resources/bg-craft-07-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}
	
	#mainNav li.current-menu-item > a:hover{
	color:#fff;
	background-image:url(../Resources/bg-craft-06-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

	#mainNav li.current-menu-item > a,
	#mainNav li.current-menu-item li > a:hover{
	color:#fff;
	background-image:url(../Resources/bg-craft-06-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}
	
	#mainNav .current-menu-parent > a {
	color:#000;
	}
	
	#mainNav .current-menu-parent a::after {
	position: absolute;
	left: 0px;
	content: '';
	width: 100%;
	height: 2px;
	background: #000;
	bottom: 1px;
	visibility: visible; 
	}

	#mainNav .current-menu-parent .sub-menu a::after { visibility: hidden;}
	
	#mainNav .sub-menu a {
    color:#000;
	background-image:url(../Resources/bg-craft-12-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}
	
	#mainNav .current-menu-item .sub-menu a:hover {
    color:#000 ;
	background-image:url(../Resources/bg-craft-07-400px.jpg) ;
	background-size: 200px 200px;
	background-repeat:repeat;
	}
	
	
	#header,#wrapper,.inner{
	width:1000px;
	padding:0;
	margin:0 auto;
	}
	
	#main{
	float:right;
	width:690px;
	padding:0 40px 0 0;
	}
	
	#sidebar{
	float:left;
	width:210px;
	padding:40px 0px 5px 15px;
	overflow:hidden;
	background-image:url(../Resources/bg-craft-12-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	border-radius: 0px 10px 10px 0px;
	margin-top:0px;
	margin-bottom: 40px;
	}
	
	#sidebar article{
	margin-bottom:20px;
	overflow:hidden;
	}
	
	.logo{
	width:500px;
	padding-left:20px;
	}
	
	#header h1{
	padding-left:20px;
	}
	
	/* グリッド全体 */
	.gridWrapper{
	display:table;
	border-collapse:separate;
	border-spacing:0px;
	}
	
	/* グリッド */
	.grid{
	width:320px;
	display:table-cell;
	}
	
	.grid-6{
	width:160px;
	display:table-cell;
	}
}


@media only screen and (max-width:959px){
	*{
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
         -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
	}
	
	#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;
	background-color:#fff;
	}
	
	.sp-none { display: none; }
	
	#box-edu-page-nav{ padding: 0 3% 0 3%; }
	#box-edu-newbooks-nav{ padding: 0 3% 0 3%; }

	section.content{ padding:0 3% 0 3%; }
	
	#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:3px 0 0 0;
	border:1px solid #000;
	border-left:0;
	border-right:0;
	background-image:url(../Resources/bg-craft-12-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	}

	#mainNav a.menu{
	color:#000;
	width:100%;
	display:block;
	height:50px;
	line-height:50px;
	font-weight: 700;
	text-align:left;
	font-size:20px;
	letter-spacing: 0.1em;
	font-family:YakuHanJPs, "Lato", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	}

	#mainNav a#menu span{
	padding-left:20px;
	}
	#mainNav a.menu span:before{content:"≡ ";}
	#mainNav a.menuOpen span:before{content:"× ";}

	#mainNav a#menu:hover{cursor:pointer;}

	nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}
	
	.list-icon {
		position: relative;
		padding-left: 20px;
		padding-right: 7px;
		}
		
	.list-icon::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%); /* 上下の中央揃え */
		width: 6px;
		height:	28px;
		background-color: #000;
		display: inline-block;
		border-radius: 3px;
	}

	
	#mainNav ul{margin:0;padding:0;}
	
	#mainNav li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.5;
	}

	#mainNav li a,#mainNav li.current-menu-item li a{
	color:#000;
	display: block;
	padding:15px 20px;
	text-align:left;
	border-bottom:1px dashed #000;
	}
	
 	#mainNav li a span{padding-left:10px;}
	
	#mainNav ul > li:last-child a{border:0;}
	#mainNav li li:last-child a{border-bottom:1px dashed #000;}
 
	#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item a,#mainNav li a:active, #mainNav li li.current-menu-item a, #mainNav li.current-menu-item li a:hover, #mainNav li.current-menu-item li a:active{
	color:#000;
	}

	#mainNav li li{
	float:left;
	border:0;
	}

	#mainNav li li a, #mainNav li.current-menu-item li a, #mainNav li li.current-menu-item a{
	padding-left:40px;
	}

	nav div.panel{float:none;}
	
	#header{padding-left:20px;}
	#header p {margin-left: 10px;}
	
	#main{padding-top:0px;}
	section.toppage{margin:0;}
	
	#sidebar{
		padding-top:40px;
		padding-bottom:10px;
		padding-left:30px;
		padding-right:30px;
		background-image:url(../Resources/bg-craft-12-400px.jpg);
		background-size: 200px 200px;
		background-repeat:repeat;
		overflow: hidden;
		}
	
	#sidebar article{padding:7px 8px;}
	
	#sidebar section.side-nav-01{ float:left; width: 47%;}
	#sidebar section.side-nav-02{ float:right; width: 47%;}
	
	#sidebar h3.heading{
	font-size:15px;
	font-weight:600;
	padding:10px 0px 10px 10px;
	margin-bottom:5px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	}
		
	#footer .grid, 
	#footer ul.footnav {
		float:none; width:100%;
		text-align:center;
	}
	#footer ul.footnav li {
		float:none; display:inline-block;
		}
	
	.grid{
	float:left;
	width:32%;
	margin:10px 0 0 1%;
	}

	#footer .grid img,#footer .info{float:none;}
	#footer .grid p{display:block;}
	#footer #info .info{float:none;text-align:center; padding:0; margin:0;}
	#footer #info .info p{float:none;text-align:center; padding:0; margin:0 0 10px 0;}
	#footer .logo {float:none;text-align:center; padding:0; margin:20px 0 5px 0;}
	#footer .logo:last-child { margin:10px 0 5px 0;}
	#footer .logo, #footer .info {width:100%;float:none;}
	#footer .logo p {float:none;display:block; padding:0; margin:0;}
	#footer .logo img {float:none;padding:0px 0 0 0;}
		
	.post-navigation a { height: 100px; }
	
	.post-navigation { padding: 0; }

}


@media only screen and (max-width:640px){
	#header{height:auto;padding-bottom:12px;}
	#header{padding-left:0px;}
	
	#header h1,.logo,.info{text-align:center;}
	
	#header h1,.logo {margin-left: 0;}
	
	#header h1 { padding: 15px 0 3px 0; margin-left: 0; text-align:center; }
	#header p { padding: 15px 0 3px 0; margin-left: 0; text-align:center; }
	
	.logo,.info{clear:both;width:100%;float:none;}
	
	.logo p{float:none;display:block;}
	.logo img{float:none;padding:0;}
	
	.ill{display: none;}
	
	.box img{
	float:left;
	margin-right:5px;
	}
	
	.box h3{padding-top:0;}
	
	.alignleft,.alignright,img.alignleft,img.alignright{float:none;display:block;margin:0 auto 10px;}
	
	section.content{
	padding:0 3% 0 3%;
	}
		
	.post-navigation { padding: 0; }

	#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;
	background-color:#fff;
	}
	
	#box-edu-page-nav{ padding: 0 3%; }
	#box-edu-newbooks-nav{ padding: 0 7%; }
	.button-01-right a { margin: 0 auto; max-width: 100%; }
	.button-01-left a { max-width: 100%; }
	
	.button-box-300{ width: 100%; }
	.button-box-320{ width: 100%; }
	.button-box-330{ width: 100%; }
	.button-box-340{ width: 100%; }
	.button-box-350{ width: 100%; }
	.button-box-400{ width: 100%; }

	.breadcrumb { padding:11px 10px 10px 10px; }
	.breadcrumb ol { font-size: 11px; }
	.breadcrumb li { margin-right: 22px; margin-bottom: 4px; }
	.breadcrumb li::before { right: -12px; width: 6px; height: 6px; }
	
	.box-flex-100-re { width: 100%; flex-direction: column-reverse; }

	.box-flex-70 { width: 100%; }
	.box-flex-65 { width: 100%; }
	.box-flex-60 { width: 100%; }
	.box-flex-50 { width: 100%; }
	.box-flex-40 { width: 100%; }
	.box-flex-35 { width: 100%; }
	.box-flex-30 { width: 100%; }
	
	.box-flex-35-ma-2 { width: 100%; margin: 0; }
	.box-flex-35-ma-3 { width: 100%; margin: 0; }
	.box-flex-30-ma-2 { width: 100%; margin: 0; }
	.box-flex-30-ma-3 { width: 100%; margin: 0; }
	
	.box-flex-35-ma-left-2 { width: 100%; margin: 0; text-align:center;}
	.box-flex-35-ma-left-3 { width: 100%; margin: 0; text-align:center;}
	.box-flex-30-ma-left-2 { width: 100%; margin: 0; text-align:center;}
	.box-flex-30-ma-left-3 { width: 100%; margin: 0; text-align:center;}

	.post img.application-20th-booklet-photo { width:50%; margin-bottom: 2%; }
	
	#sidebar section.side-nav-01{ float:none; width: 100%;}
	#sidebar section.side-nav-02{ float:none; width: 100%;}
	
	#top-box{ padding:25px 5px 25px 5px; text-align:center; }
	img.top-educare-logo-240{ margin-bottom: 5px; }
	
	#top-box.top-center .left-fixed-250 { width: 100%; text-align:center; }
	#top-box.top-center .left-fixed-270 { width: 100%; text-align:center; }

	#top-box.top-center-mb-40 .left-fixed-250 { width: 100%; text-align:center; }
	#top-box.top-center-mb-40 .left-fixed-270 { width: 100%; text-align:center; }

	#top-box.top-center .right-fluid { width: 100%; text-align:center;}
	#top-box.top-center-mb-40 .right-fluid { width: 100%; text-align:center;}

	#top-box.top-center .right-fluid h1.heading { text-align:center; padding:0; border-left: none; }
	#top-box.top-center-mb-40 .right-fluid h1.heading { text-align:center; padding:0; border-left: none;}

}


@media only screen and (max-width:480px){
	.grid{width:100%;margin:10px 0;}
	.box img{max-width:100px;}
	#mainBanner h2,#mainBanner p{font-size:80%;}
	
	.sp { display: block; }
	
	.post-navigation { padding: 0 0 30px 0; }
	
	.post-navigation a { max-height: 80px; width: 100%; margin: 0; float: none !important; }
	
	.post-navigation a + a { margin-top: 10px; }
	
	.post-navigation p { top: 28%;}
	
	#box-edu-page-nav{ padding: 0 3%; }
	#box-edu-newbooks-nav{ padding: 0 3%; }
	
	section.content article.post{
	padding:0 2% 0 2%;
	}
	
	section.content article.post .box-ma-2{
	margin: 0;
	}

	section.content h3.heading-3{
	font-size:18px;
	font-weight:600;
	padding:15px 0px 15px 10px;
	margin:0px;
	line-height: 24px;
	background-color: #fffaf2;
	border-top:1px solid #4d270b;
	border-bottom:1px solid #4d270b;
	color: #4d270b;
	}
	
	.box-2-col {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
	#top-box.top .column-1 {
	width: 100%;
	
	}
	#top-box.top .column-2 {
	width: 100%;
	}
	
	#top-box.top .column-1 h2 {
	margin-bottom: 10px;
	text-align:center;
	}

	#top-box.top .column-2 p {
	text-align:center;
	font-size:16px;
	}
	
	#top-box.top-center .column-40 { width: 100%; }
	#top-box.top-center .column-60 { width: 100%; }
	#top-box.top-center .column-30 { width: 100%; }
	#top-box.top-center .column-70 { width: 100%; }
	
	#top-box.top-center-mb-40 .column-30 { width: 100%; }
	#top-box.top-center-mb-40 .column-70 { width: 100%; }
	
	.column-40 { margin-bottom: 10px; padding: 0 10px; text-align:center; }
	.column-60 h1.heading{ font-size:22px; text-align:center; padding:0; border-left: none; }
	.column-60 p{ font-size:16px; text-align:center; padding:0; }
	
	.column-30 { margin-bottom: 10px; padding: 0 10px; text-align:center; }
	.column-70 h1.heading{ text-align:center; padding:0; border-left: none; }
	.column-70 p{ font-size:16px; text-align:center; padding:0; }
	
	.column-50 h1.heading{ text-align:center; padding:0; border-left: none; }
	.column-100 h1.heading{ text-align:center; padding:0; border-left: none; }

	
	img.top-educare-logo-85{ width:70%; height:auto; }
	
	#mainBanner img.page-educare-application { margin-top: 10px; margin-bottom: 0px; }
	
	.box-flex-6-col {
	width: calc(100% / 3); /* 親の幅の1/6を均等に割り当て */
	margin: 0;
	padding: 0;
	}

	.box-flex-3-col {
	width: 66.6666%;
	margin: 0;
	padding: 0;
	}
	
	.box-flex-100-re { margin: 0;}
	
	.post img.application-20th-booklet-photo { width:70%; }
}