@charset "utf-8";

#top-box-no-134{
	clear:both;
	margin:0;
	padding:30px 40px 0px 40px;
	position:relative;
	text-align:left;
	background-color: #ffe3f0;
	color:#fff;
	}

#top-box-no-134 h1.heading-no-134 { font-weight:600; font-size:20px; line-height:20px; letter-spacing: 0.08em; padding:0 0 10px 0px; margin:0; color: #e63182; border-bottom:1px solid #e63182; }
#top-box-no-134 img.top-educare-logo-no-134 { width:64%; height:auto; }

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

#edu-top.no-134 { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 4% 0 2% 0; }
#edu-top.no-134 .top-books { width: 40%; padding: 0; text-align:center; }
#edu-top.no-134 .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:3%; }

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

.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;}

.box-edu-flex-100 img.edu-2page-photo { position:relative; max-width:95%; height:auto; vertical-align:top; margin:0 auto; }
.box-edu-flex-100 img.edu-1page-photo { position:relative; max-width:90%; 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: #e63182;
    border: 2px solid #e63182;
    transition: all 0.4s ease-in-out;
    font-weight: 500;
	font-size:16px; 
	line-height:1.0em; 
	}
.edu-contents-button a:hover {
    background: #e63182;
    color: #fff;
    }
.edu-contents-button a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #e63182;
    border-right: 3px solid #e63182;
    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;
    }

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

/* カテゴリータイトル
*****************************************************/
.post h2.category-heading {
	position: relative;
	padding: .9em 1em .9em 1.4em;
	border-top: 1px solid #e63182; 
	border-bottom: 1px solid #e63182;
	margin: 0 0 30px 0; 
	font-size: 16px; 
	font-weight: 500; 
	line-height: 1;
	color: #e63182;
	}

.post h2.category-heading::after {
	position: absolute;
	top: .5em;
	left: .4em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #e63182;
	border-radius: 4px;
	}

/* ===================================================
特集エリア
=================================================== */

.post .tokushu-container { display: block; padding: 0; margin: 0 0 30px 0; }

.post .tokushu-container .tokushu-box { display: block; float: none; clear: both; margin: 0 0 20px 0; padding: 0; height: auto; }

.post .tokushu-container h3.tokushu-title {
	display: flex;
	flex-direction: column;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	height: auto;
	}

.post .tokushu-container .tokushu-sub {
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0;
	padding: 0;
	text-indent: 0;
	padding-left: 23px;
	text-indent: -23px;
	}

.post .tokushu-container .tokushu-sub::before {
	content: "◉";
	display: inline; 
	margin-left: 2px;
	margin-right: 5px;
	color: #e63182;
	font-size: 16px;
	vertical-align: 0px;
	/* 高さに調整 */
	position: relative;
	top: -1px; 
	}

.post .tokushu-container .tokushu-main { display: block; font-size: 26px; color: #000; font-weight: 600; line-height: 1.4; margin: 0; padding-left: 23px; }

.post .tokushu-container .tokushu-main-sub { display: block; font-size: 16px; color: #000; font-weight: 600; line-height: 1.5; margin: 0; padding-left: 23px; }

.post .tokushu-container .tokushu-author { display: block; font-size: 14px; color: #000; margin: 0; padding-left: 23px; }

.post .tokushu-container .tokushu-lead { display: block; font-size: 15px; color: #000; margin: 12px 0 0 0; padding-left: 23px; }

/* ===================================================
各記事エリア
=================================================== */

.post .article-container { display: block; padding: 0; margin: 0 0 30px 0; }

.post .article-container .article-box {
	display: block;
	float: none;
	clear: both;
	margin: 0 0 25px 0;    /* 記事と記事の縦のすき間 */
	padding: 0 0 20px 0;   /* 内側のすき間 */
	border-bottom: 1px dashed #e63182;
	height: auto;          /* 文字量に合わせて自動で広げる */
	}

/* 一番最後の記事ボックスだけ、点線と下余白をなしにする */
.post .article-container .article-box:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}

.post .article-container h3.article-title {
	display: flex;
	flex-direction: column;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	height: auto;
	}

.post .article-container .article-sub {
	display: block;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0;
	padding: 0;
	text-indent: 0;
	padding-left: 23px;
	text-indent: -23px;
	}

.post .article-container .article-sub::before {
	content: "◉";
	display: inline; 
	margin-left: 2px;
	margin-right: 5px;
	color: #e63182;
	font-size: 16px;
	vertical-align: 0px;
	position: relative;
	top: 0px; 
	}

.post .article-container .article-main {
	display: block;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
	padding-left: 23px;
	}

.post .article-container .article-main-sub {
	display: block;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
	padding-left: 23px;
	}

.post .article-container .article-author {
	display: block;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding-left: 23px;
	}

.post .article-container .article-lead { display: block; font-size: 15px; color: #000; margin: 12px 0 0 0; padding-left: 23px; }


@media only screen and (max-width:959px){
	.edu-contents-button a { width: 85%; }
	
	#top-box-no-134 { padding: 30px 3% 0 3%; }
}

@media only screen and (max-width:640px){
	
	#top-box-no-134 img.top-educare-logo-no-134 { width:85%; }
	
	#edu-top.no-134 { padding: 6% 0 6% 0; }
	#edu-top.no-134 .top-books { width: 100%; padding: 0; text-align:center; }
	#edu-top.no-134 .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){
	#top-box-no-134{ text-align:center; }
	#top-box-no-134 img.top-educare-logo-no-134 { width:70%; }
	
	#edu-top.no-134 { padding: 8% 0 9% 0; }
	.top-books-photo { width:80%; }
	
	.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%; }
}