@charset "utf-8";
/* CSS Document */


/* ////////////////////////////////////////////////////////////////////

�@edit_area

//////////////////////////////////////////////////////////////////// */

/*=====================================================================
/* 共通
===================================================================== */
/*---------------------------------------------------------------------
記事のメタ情報
---------------------------------------------------------------------*/
.post_meta{
	padding-bottom:5px;
	overflow:hidden;
	zoom:1;
}
.post_meta li{
	float:left;
	display:inline;
	margin-right:20px;
	margin-bottom:5px;
	line-height:2em;
	font-size:0.8em;
}
.post_meta li span{
	padding:3px 5px;
	margin-right:5px;
	font-size:1em;
	background:#F5F5EE;
	border:1px solid #DDDDDD;
}
/* --------------------------------------------------
ページャー
-------------------------------------------------- */
.pager_list{
	width:100%;
	padding-top:20px;
	overflow:hidden;
	zoom:1;
}
.pager_list span{
	padding:0;
	margin:0;
}
.pager_list .current_page,
.pager_list  a{
	border: 1px dashed #CCCCCC;
	padding:5px 10px;
	margin:0 5px 0 0;
	line-height:2.5em;
}
.pager_list .current_page{
	border: 1px solid #0078C6;
    background: none repeat scroll 0 0 #0078C6;
    color: #FFFFFF;
	font-style:normal;
}
.pager_list_type02{
	text-align:center;
}

/* --------------------------------------------------
#カテゴリインデックス用　ボタン
-------------------------------------------------- */
.blog_top  #page_nav{}

.blog_top #page_nav li{
	margin-bottom:15px;
	font-size:1.2em;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#f5f5ee);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#f5f5ee));
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
}
.blog_top #page_nav li a{
	display:block;
	padding:15px 10px 15px 35px;
	background:url(../img/list_arrow_blue.png) no-repeat 15px center;
	background:url(../img/list_arrow_blue_ie.png) no-repeat 15px center\9; /*IE8以下*/
	
	background-size:10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/common/css/PIE.htc); /*IE8以下*/
	border:1px solid #DDDDDD;
}
.blog_top #page_nav li a:hover{
	background-color:#F5F5EE;
	background-image:url(../img/list_arrow_blue.png);
	background-image:url(../img/list_arrow_blue_ie.png)\9; /*IE8以下*/
}
/*=====================================================================
/* 記事一覧出力パターン
===================================================================== */
/* --------------------------------------------------
新着情報
-------------------------------------------------- */
.post_list_news{
	border-bottom:1px dotted #DDDDDD;
}
.post_list_news a{
	display:block;
	background-image:url(../img/arrow01.png);
	background-image:url(../img/arrow01_ie.png)\9; /*IE8以下*/
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:5px 8px;
}
.post_list_news .date{
	padding:10px 8% 0 10px;
	font-size:0.8em;
}
.post_list_news .ttl{
	padding:0 8% 10px 10px;
	font-weight:bold;
	line-height:1.5em;
}
.post_list_news a .ttl{
	color:#0078C6;
}
.post_list_news .ttl span{
	padding:0 5px;
	margin-right:10px;
	background:#F5F5EE;
	color:#333333;
	font-size:0.8em;
	font-weight:normal;
	border:1px solid #DDDDDD;
}
/*---------------------------------------------------------------------
デフォルト
---------------------------------------------------------------------*/
.post_list_default a{
	display:block;
	overflow:hidden;
	zoom:1;
	border-bottom:1px dotted #999999;
	padding:20px 8% 20px 10px;
	line-height:1.35em;

	background-image:url(../img/arrow01.png);
	background-image:url(../img/arrow01_ie.png)\9; /*IE8以下*/
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:5px 8px;
}
.post_list_default .ttl{
	margin-bottom:10px;
	font-size:1.2em;
	color:#0078C6;
}
.post_list_default .photo{
	float:left;
	display:inline;
	width:30%;
	margin-right:3%;
	padding:1px;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.post_list_default .txt span{
	color:#0078C6;
	text-decoration:underline;
}

/*---------------------------------------------------------------------
2列パターン
---------------------------------------------------------------------*/
.post_list_2clumn{
	float:left;
	display:inline;
	width:48%;
	margin-left:4%;
	overflow:hidden;
	zoom:1;
}
.post_list_2clumn:nth-child(2n+1){
	clear:both;
	margin-left:0;
}
.post_list_2clumn a{
	display:block;
	border-top:1px dotted #DDDDDD;
	padding:20px 0;
	line-height:1.35em;
	overflow:hidden;
	zoom:1;
}
.post_list_2clumn a .box{
	float:right;
	width:67%;
}
.post_list_2clumn a .ttl{
	font-size:1em;
	color:#0078C6;
}
.post_list_2clumn a .photo{
	float:left;
	width:30%;
	margin-right:3%;
	padding:1px;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.post_list_2clumn .post_meta{
	margin-top:5px;
	padding-top:5px;
}
.post_list_2clumn .post_meta li{
	margin-bottom:0;
}
.post_list_2clumn .post_meta li.date{
	margin-bottom:5px;
}
.post_list_2clumn .post_meta .tag{
	display:none;
}
/*---------------------------------------------------------------------
タイトルのみ / タイトル本文
---------------------------------------------------------------------*/
.post_list_simple a{
	display:block;
	overflow:hidden;
	zoom:1;
	border-bottom:1px dotted #999999;
	padding:20px 8% 10px 10px;
	line-height:1.35em;

	background-image:url(../img/arrow01.png);
	background-image:url(../img/arrow01_ie.png)\9; /*IE8以下*/
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:5px 8px;
}
.post_list_simple .ttl{
	font-size:1.2em;
	color:#0078C6;
	margin-bottom:10px;
}
.post_list_simple .post_meta{
}
.post_list_simple .edit_area{
	padding-bottom:10px;
}

/*---------------------------------------------------------------------
TOPICS用　サムネイル大
---------------------------------------------------------------------*/
.post_list_topics a{
	display:block;
	overflow:hidden;
	zoom:1;
	padding:20px 10px;
}
.post_list_topics .ttl{
	clear:both;
	position:relative;
	padding:5px 0;
	margin-bottom:10px;
	font-size:1.4em;
	font-weight:bold;
	border-bottom:3px solid #DDDDDD;
	color:#0078C6;
}
.post_list_topics .ttl:after{
	content:"";
	display:block;
	width:100px;
	height:3px;
	position:absolute;
	background:#0078C6;
	left:0;
	bottom:-3px;
}
.post_list_topics .media{
	float:left;
	display:inline;
	width:60%;
	margin-right:20px;
}
.post_list_topics .txt{
	margin-bottom:10px;
}
.post_list_topics .txt span{
	color:#0078C6;
	text-decoration:underline;
}

/*
.post_list_topics .btn{
	overflow:hidden;
	zoom:1;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#f5f5ee);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#f5f5ee));
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
}
.post_list_topics .btn a{
	display:block;
	padding:5px 10px 5px 35px;
	background:url(../img/list_arrow_blue.png) no-repeat 15px center;
	background:url(../img/list_arrow_blue_ie.png) no-repeat 15px center\9; 
	background-size:10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/common/css/PIE.htc);
	border:1px solid #DDDDDD;
}
.post_list_topics .btn a:hover{
	background-color:#F5F5EE;
	background-image:url(../img/list_arrow_blue.png);
	background-image:url(../img/list_arrow_blue_ie.png)\9; 
}
*/
/*=====================================================================
/* ページ詳細
===================================================================== */
.type_post{}
.type_post .post_meta{
	margin-bottom:15px;
	padding-top:5px;
}
.type_post #social_btn{
	margin-top:20px;
	padding:9px;
	border:1px dotted #DDDDDD;
	background:#F5F5EE;
	overflow:hidden;
	zoom:1;
}
.type_post #social_btn div{
	float:left;
	display:inline;
	margin-right:5px;
}
/*=====================================================================
/* 検索結果
===================================================================== */
.blog_search{}
.blog_search #current-page{
	display:none;
}
/*=====================================================================
/* ブログ別のカスタマイズ
===================================================================== */
/*講義概要・シラバス */

#blog_2 .blog_list_simple{
	margin-bottom:20px;
}
#blog_2 .blog_top .midashi_sub{
	border-bottom:2px solid #DDDDDD;
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:5px;
}
#blog_2 .blog_top .post_meta{
	display:none;
}
#blog_2 .post_meta .date{
	display:none;
}
#blog_2 .post_meta .tag{
	display:none;
}
/*教会と神学 */
#blog_10 #page_nav{
	margin-bottom:40px;
}
#blog_10 .blog_list_simple .post_meta{
	display:none;
}
/*世界キリスト教情報*/
#blog_3 .post_meta{
	display:none;
}
/*小原ブログ*/
#blog_6 .blog_list_topics{
	border-bottom:1px dotted #999999;
}
/*教会と神学*/
#blog_10 .blog_list_news .ttl span{
	display:none;
}

/*=====================================================================
●tablet.css 画面の横幅が768px以下
===================================================================== */
@media screen and (max-width: 768px){
/* --------------------------------------------------
ページャー
-------------------------------------------------- */
.pager_list{
	font-size:90%;
}
.pager_list .current_page,
.pager_list  a{
	margin:0 2px 0 0;
}
/* --------------------------------------------------
#カテゴリインデックス用　ボタン
-------------------------------------------------- */
.blog_top #page_nav li{
	margin-bottom:10px;
	font-size:1em;
}


/*---------------------------------------------------------------------
デフォルト
---------------------------------------------------------------------*/
.post_list_default a{
	padding:15px 8% 15px 10px;
}
/*---------------------------------------------------------------------
タイトルのみ
---------------------------------------------------------------------*/
.post_list_simple a{
	padding:15px 8% 5px 10px;
}
.post_list_simple .ttl{
	font-size:1em;
}
/*---------------------------------------------------------------------
2列パターン
---------------------------------------------------------------------*/
.post_list_2clumn{
	float:none;
	display:block;
	width:100%;
	margin-left:0%;
}
.post_list_2clumn a{
	padding:15px 0;
}
/*---------------------------------------------------------------------
TOPICS用　サムネイル大
---------------------------------------------------------------------*/
.post_list_topics .ttl{
	font-size:1.2em;
}


}
/*===============================================
●smart.css  画面の横幅が480px以下
===============================================*/
@media screen and (max-width:480px){
/* --------------------------------------------------
ページャー
-------------------------------------------------- */
.pager_list{
	font-size:80%;
}
.pager_list .current_page,
.pager_list  a{
	padding:5px 7px;
	margin:0 5px 0 0;
}
/* --------------------------------------------------
#カテゴリインデックス用　ボタン
-------------------------------------------------- */
.blog_top #page_nav li{
	margin-bottom:10px;
	font-size:1em;
}
.blog_top #page_nav li a{
	padding:10px 10px 10px 35px;
}
/*---------------------------------------------------------------------
デフォルト
---------------------------------------------------------------------*/
.post_list_default a{
	padding:10px 8% 10px 10px;
}
/*---------------------------------------------------------------------
タイトルのみ
---------------------------------------------------------------------*/
.post_list_simple a{
	padding:10px 8% 0px 10px;
}
/*---------------------------------------------------------------------
2列パターン
---------------------------------------------------------------------*/
.post_list_2clumn a{
	padding:10px 0;
}
/*---------------------------------------------------------------------
TOPICS用　サムネイル大
---------------------------------------------------------------------*/
.post_list_topics a{
	padding:10px;
}
.post_list_topics .media{
	float:none;
	display:block;
	width:100%;
	margin-right:0;
	margin-bottom:5px;
}

	
}