@charset "utf-8";
/*----------------------------------backquote

 auther -dHaus paramy
 https://michinokai.art
---------------------------------- */

/* コンテンツ */
main #content {
	width:100%;
	margin:0;
	padding-top:32px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
main .post {
	width:84%;
	margin-left:8%;
}
.pager {
	display:none;
}
/* 記事本文 */
article.entry {
	width:92%;
	margin: 0 0 20px 0;
	padding :16px 4%;
	
	-webkit-box-shadow: 1px 1px 4px 1px #ccc; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 4px 1px #ccc; /* Firefox用 */
	box-shadow:  1px 1px 4px 1px #ccc; /* CSS3 */
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */ 
	font-size: 1.4rem;
}
article.entry a {
	color: maroon;
}
article.entry a:hover {
	color:brown;
	text-decoration:underline;
}
article.entry h3 {
	margin:0 0 10px 0;
	padding-left:3px;
	color:#333;
	border-left: solid 12px #ccc;
	font-size:16px;
	font-family: "Shippori Mincho", serif;
	font-weight: 700;
	font-style: normal;
}
.entry h4 {
	display:inline-block;
	width:auto;
	font-weight:500;
	font-size:15px;
	line-height:1.3;
	margin:0 0 0.3em 2em;
}
.entry h4 span {
	font-size:13px;
}
.entry h5 {
	font-weight:bold;
	font-size:14px;
	margin:12px 0 8px 12px;
}
.entry h6 {}

article.entry p {
	font-size:14px;
	margin:10px 0 20px 2em;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	font-style: normal;
	text-align: justify;
	text-justify: inter-ideograph;
	text-indent:14px;
	line-height:1.8;
}
.entry p.lead {
	font-size:15px;
	text-indent:15px;
}


#content-cat .entry p.lead {
	font-size:14px;
	line-height:1.3;
	text-indent:0;
}


.entry p.ss {
	margin-left:0;
	text-indent:0;
}
.entry ul.posted-cat {
	width:90%;
	position:absolute;
	top:-8px;
	right:2%;
}
.entry ul.posted-cat li {
	width:auto;
	float:right;
	background-color: #888;
	border-radius: 3px;
	padding: 1px 3px;
	margin-left:3px;
	font-size: 0.9em;
}
.entry ul.posted-cat li a {	
	display:block;
	color: #ffffff;
}
.entry ul.posted-cat li a:hover {	
	background-color: #aaa;
}

.entry p.story {
	width:96%;
	margin-left:auto;
	margin-right:auto;
}
.entry .photo-con {
	width:92%;
	margin:0 auto 16px auto;
}
.entry .photo-con img {
	width:100%;
	height:auto;
	box-shadow: 6px 6px 6px #888;
}
.entry .photos-con {
	width:90%;
	margin:0 auto 16px auto;
	display:flex;
	flex-wrap:wrap;
	 justify-content: space-between;
}
.entry .photos-con a.cb-img {
	width:48%;
	margin-bottom:12px;
}

.entry .photos-con {
	font-zize:14px;
}
#colorbox h3 { font-size: 14px;; }
.entry p img {
	display:inline;
	margin:5px;
}
.entry ul {
	margin: 3px 0 1em 2em;
	list-style-type: none;
}
.entry ol {
	margin: 3px 0 1em 2.5em;
}
.entry ul li,
.entry ol li {
	font-size:13px;
	line-height:1.5;
	margin-bottom:3px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma,
	"HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4", 
	"Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", sans-serif;	
}
.entry ol li {
	list-style-type: decimal;
	list-style-position:outside;

}
.entry ol li ul li {
	list-style:none;
}
.entry ul.mark-gray li {
	padding:0 0 0 12px;
	background:url(../img/li-mark-gray10px.gif) left 3px no-repeat;
}
.entry ul.mark-gray ul {
	margin-left:0;
}
.entry ul.mark-gray li li {
	padding-left:none;
	background-image:none;
	margin-left:1em;
}

.entry blockquote {
	width:86%;
	margin:8px auto 16px auto;
	background-color: lavender;
	padding: 8px 10px;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 M",TsukuAOldMinPr6-M,"Hiragino Mincho Pro W3", "ＭＳ Ｐ明朝","MS PMincho","MS Mincho", "細明朝", Century, Times, serif;
	font-size:14px;
	line-height:1.8;
}
.entry blockquote.even {
	background-color: cornsilk;
}
.entry blockquote p {
	margin-left:0;
}
.entry blockquote li {
	font-family: "FOT-筑紫B丸ゴシック Std D",TsukuBRdGothicStd-D, "Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO" ,verdana ,arial ,sans-serif;
	font-size:15px;
}
.entry table th,
.entry table td {
	padding:2px 3px;
	border-bottom:solid 1px #888;
	border-right: solid 1px #888;
	line-height:1.4;
}
.entry table td:first-child  {
	border-left: solid 1px #888;
}
.entry table th {
	background-color: beige;
	border-right:solid 1px #fff;
	font-weight:normal;
	color:#444;
}

entry p.align-center {
	text-align:center;
}
.entry p.posted-date {
	clear:both;
	width:80%;
	color:#888;
	text-align: left;
	margin:0 0 0 32px;
	padding:0;
	font-size:10px;
}

/* 朝日塾体験学習 */

.entry .photos-con #asahijuku-kouchou {
	width:33%;
	margin:0 0 16px 0;
}

.entry .photos-con #asahijuku-kansou {
	width:80%;
	margin:0 auto -32px auto;
}

.entry .photos-con #asahijuku-ohmori_sensei  {
	width:56%;
	margin:0 0 16px 3%;
}


/* サイドバー */
#sidebar {
	width:5%;
	margin:24px auto 0 auto;
/*
	visibility: hidden;
*/
}
#sidebar ul {
	margin-bottom:24px;
}
#sidebar ul li { }
#sidebar h2	{
/*	font-size: 10px;
	font-weight:normal;
	color: #ffffff;
	background-color: #888;
	border-radius: 3px;
	padding: 2px 10px;
	margin: 0 0 8px 0;
*/
	display:none;
}
#sidebar h2 span{
	font-size:70%;
}
#sidebar p {}

#sidebar li li	{
	margin-bottom:6px;
}
#sidebar li li a {
	padding: 0 0 0 20px;
	font-size:12px;
	color:#888;
}
#sidebar li li a:hover {color:olive;}


/* --------------------------------------
mobile用（414px以下） 
---------------------------------------*/
@media screen and (max-width:414px) {
	main #content {
		width:100%;
		margin:0;
		padding-top:80px;
		display:block;	
	}
	main .post {
		width:92%;
		margin:0 auto;
	}
	article.entry {
		width:94%;
	margin: 0 0 20px 0;
	padding :8px 3%;
	
	}
	article.entry h3 {
		margin:0 0 10px 0;
		padding-left:3px;
		color:#333;
		border-left: solid 12px #ccc;
		font-size:14px;
	}
	.entry h4 {
		width:auto;
		font-size:13px;
		line-height:1.3;
		margin:0 0 0.3em 2em;
	}
.entry h4 span {
	font-size:11px;
}
.entry h5 {
	font-weight:bold;
	font-size:14px;
	margin:12px 0 8px 12px;
}

	article.entry p {
		font-size:12px;
		margin:10px auto;
	text-indent:12px;
	line-height:1.4;
	}
	.entry .photo-con {
	width:94%;
	margin:0 auto 8px auto;
	}
	.entry .photo-con img {
		box-shadow: 3px 3px 3px #888;
	}
	.entry .photos-con {
	width:98%;
	}
	.entry .photos-con a.cb-img {
		width:49%;
		margin-bottom:8px;
	}
	.entry .photos-con #asahijuku-kansou {
		width:85%;
		margin:16px auto 16px auto;
	}
	.entry .photos-con #asahijuku-kouchou {
		width:85%;
		margin:0 auto 16px auto;
	}
	.entry .photos-con #asahijuku-ohmori_sensei  {
		width:64%;
	margin:0 auto 16px auto;
	}
}

/* PC用（761px以上） */
@media screen and (min-width:761px) {
	#main-topics,
	#main-topics-cat,
	#main-topics-entry {
		width:90%;
		max-width:1200px;
		margin:0 auto;
	}
/* コンテンツ */
	#content-cat,
	#content {
		width:70%;
		margin: 20px 0 0 0;
	}
	#content h2.title,
	#content h2.title a {
		font-size:18px;
	}
	#content-cat .entry h2.title a {
		font-size:15px;
	}
/* 朝日塾体験学習 */


/* サイドバー */
	#sidebar {
		width:24%;
		margin:24px 0 0 5%;
	}

}