@charset "utf-8";

/**************************
/* トップのタイトル
**************************/

#top-box-educare{
	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-educare.top-educare { display: flex; flex-wrap: wrap; align-items: center; }

#top-box-educare.top-educare .left-fixed-340 { width: 340px; }
#top-box-educare.top-educare .left-fixed-340 h1 { font-weight:600; font-size:30px; line-height:1.4; margin-bottom: 0; }

#top-box-educare.top-educare .right-fluid { flex: 1; }

#top-box-educare.top-educare .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-300{ width:300px; height:auto; margin-top: 5px; }


/* トップのグラデーションボックス
*****************************************************/
#edu-top{
	clear:both;
	width: 100%; 
	margin:0;
	padding:0;
	position:relative;
	background-image: linear-gradient(0deg, #ffffff, #ffecc9 70%);
	}

#edu-top.educare-index { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 4% 0 4% 0; }
#edu-top.educare-index .top-books { width: 40%; padding: 0; text-align:center; }
#edu-top.educare-index .top-info { width: 60%; padding: 0;}

.top-books-photo { position:relative; max-width:90%; height:auto; vertical-align:top; margin-left:2%; }
.top-info-photo { position:relative; max-width:92%; height:auto; vertical-align:top; margin-top:2%; }

/* 今年度のボックス
*****************************************************/

.box-edu-2026-flex-100 { display: flex; flex-wrap: wrap; width: 100%; margin: 0 0 40px 0; padding: 0; }

.box-edu-2026-left { width: 100px; margin:0; padding: 0; }
.box-edu-2026-right { flex: 1; margin-left:20px; padding: 0; }

.edu-2026-photo { position:relative; max-width:100%; height:auto; vertical-align:top; margin:0 auto; }


/* ボックス
*****************************************************/

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

.box-edu-info { width: 50%; margin:0; padding: 0; }

.box-edu-page-100 { width: 100%; margin: 0 0 20px 0; padding: 0; text-align:center; }
.box-edu-page-50 { width: 50%; margin: 0 0 20px 0; padding: 0; text-align:center; align-self:center; }
.box-edu-page-25 { width: 25%; margin: 0 0 20px 0; padding: 0; text-align:center;}

.edu-books-photo { position:relative; max-width:100%; height:auto; vertical-align:top; margin:0 auto; }

/* 目次ボタン
*****************************************************/

.edu-contents-button a {
    background: #fff;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 0 30px 0;
    width: 75%;
    padding:15px 16px 17px 16px;
    color: #8b3726;
    border: 2px solid #8b3726;
    transition: all 0.4s ease-in-out;
    font-weight: 500;
	font-size:16px; 
	line-height:1.0em; 
	}
.edu-contents-button a:hover {
    background: #8b3726;
    color: #fff;
    }
.edu-contents-button a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #8b3726;
    border-right: 3px solid #8b3726;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 25px;
    border-radius: 1px;
    transition: all 0.4s ease-in-out;
    }
.edu-contents-button a:hover:after {
    border-color: #fff;
    }


/* タイポグラフィ
*****************************************************/

.post h3.edu-educare-index {
	position: relative;
	padding: .75em 1em .9em 1.4em;
	border-top:1px solid #8b3726; 
	border-bottom:1px solid #8b3726;
	margin:0 0 20px 0; font-size:16px; font-weight:400; line-height: 1.0; color:#8b3726;
	}

.post h3.edu-educare-index::after {
	position: absolute;
	top: .5em;
	left: .4em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #8b3726;
	border-radius: 4px;
	}

hr.edu-last-educare-index{ border-top: 1px solid #8b3726; margin-top:40px; margin-bottom:40px; }


@media only screen and (max-width:959px){
	.edu-contents-button a { width: 85%; }
}

@media only screen and (max-width:730px){
	
	#top-box-educare.top-educare .left-fixed-340 { width: 45%; }
	
	img.top-educare-logo-300{ width: 90%; }
	
	}

@media only screen and (max-width:640px){
	
	#top-box-educare{ padding:25px 5px 25px 5px; text-align:center; }
	
	#top-box-educare.top-educare .left-fixed-340 { width: 100%; text-align:center; }

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

	#top-box-educare.top-educare .right-fluid p { text-align:center; }
	
	img.top-educare-logo-300{ width:280px; margin-bottom: 5px; }
	
	#edu-top.educare-index { padding: 6% 0 6% 0; }
	#edu-top.educare-index .top-books { width: 100%; padding: 0; text-align:center; }
	#edu-top.educare-index .top-info { width: 100%; padding: 0 2% 0% 2%; text-align:center; }
	
	.top-books-photo { width:60%; margin-left:0; }
	.top-info-photo { width:90%; margin-top:-5%; }

}

@media only screen and (max-width:480px){
	
	img.top-educare-logo-300{ width:250px; }
	
	#edu-top.educare-index { padding: 9% 0 9% 0; }
	.top-books-photo { width:70%; }
	
	.box-edu-info { width: 100%; padding: 0;}
	.box-edu-page-100 { width: 100%; }
	.box-edu-page-50 { width: 100%; }
	.box-edu-page-25 { width: 50%; }
	
	.edu-contents-button a { width: 100%; }
}