@charset "utf-8";

/* =============================================================================
   孔子学院とは #blog
   ========================================================================== */

/*----------------------------------------------------
	header
----------------------------------------------------*/
#blog_header {
	margin: 0;
	padding: 0;
	background: #f7d546 url(/images/title_bg.jpg) center center no-repeat;
}

@media only screen and (max-width:640px){
	#blog_header {
	background-size: 590px 150px;
	}
}



/* h1 */

#blog_header #h1title {
	border-bottom:none;
}


/*----------------------------------------------------
	post
----------------------------------------------------*/

#content #main #blog .post {
	width:100%;
	margin: 0 0 60px 0;
	padding: 0;
}

#content #main #blog .post h2 {
	margin: 0 0 20px 0;
}

#content #main #blog .post .post-meta {
	margin: 10px 0 0 0;
	padding: 10px 0;
	text-align:right;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

#content #main #blog h1.cate_title {
	margin: 0 0 30px 0;
    padding: 26px 16px 20px 16px;
	font-size: 2.4rem;
	line-height:1.35;
	background:#f3f3f3;
}

@media only screen and (max-width:640px){
	#content #main #blog h1.cate_title {
	margin: 0 0 20px 0;
	padding: 14px 10px;
	font-size: 1.6rem;
	}
}




/*----------------------------------------------------
	post
----------------------------------------------------*/

#content #main #blog .post {
	width:100%;
	margin: 0 0 60px 0;
	padding: 0;
}

#content #main #blog .post h2 {
	margin: 0 0 20px 0;
}

#content #main #blog .post .post-meta {
	margin: 10px 0 0 0;
	padding: 10px 0;
	text-align:right;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}





/*----------------------------------------------------
	sidemenu
----------------------------------------------------*/

/* h2 */

#content #sidemenu #sidemenu_blog h2 {
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom:1px solid #000;
	text-align:center;
	font-size:1.6rem;
}

/* list */

#content #sidemenu #sidemenu_blog .subnvlist_blog {
	margin: 0 0 40px 0;
	padding:0;
}

#content #sidemenu #sidemenu_blog .subnvlist_blog li {
	margin: 0;
	padding:0;
	list-style:none;
}

#content #sidemenu #sidemenu_blog .subnvlist_blog li a,
#content #sidemenu #sidemenu_blog .subnvlist_blog li span {
	display:block;
	margin: 0;
	padding: 6px 20px 6px 20px;
	box-sizing: border-box;
	background: url(../images/arw_blk.png) 0 0.8em no-repeat;
}

#content #sidemenu #sidemenu_blog .subnvlist_blog li a:hover {
	background:#f9f9f9 url(../images/arw_blk.png) 2px 0.8em no-repeat;
}

@media only screen and (max-width:640px){
	#content #sidemenu .subnvlist_blog li a,
	#content #sidemenu .subnvlist_blog li span {
	padding: 16px 20px 16px 20px;
	background: url(../images_sp/arw_blk_sp.png) 0 0.8em no-repeat;
	background-size: 8px 8px;
	}

	#content #sidemenu .subnvlist_blog li a:hover {
	background:#f9f9f9 url(../images_sp/arw_blk_sp.png) 2px 0.8em no-repeat;
	background-size: 8px 8px;
	}
}


/* profile */

#content #sidemenu #sidemenu_blog #profile {
	margin: 0 0 40px 0;
	padding: 16px 20px 10px 20px;
	border:1px solid #000;
	text-align:center;
	font-size:1.6rem;
}

#content #sidemenu #sidemenu_blog #profile h2 {
	margin: 0 0 16px 0;
	padding: 0 0 2px 0;
	border-bottom:1px solid #000;
	text-align:center;
	font-size:1.4rem ;
}

#content #sidemenu #sidemenu_blog #profile p {
	margin: 0 0 10px 0;
	padding: 0;
	text-align:center;
	font-size:1.4rem;
}

#content #sidemenu #sidemenu_blog #profile p.protxt {
	text-align:left;
	font-size:1.2rem;
}