@charset "utf-8";
/* 外部フォント
----------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*
Theme Name: pastelchat
Author: yasushi saito
Version 1.0
*/


/*--- トップページ設定 --------------------------------------------------*/

/* トップスペース */
div.topspace{
	width:100%;
	height:85px;
	float:left;
}



/*--- トップ　スタッフブログの設定 ------------*/

div#blog{ width:100%; padding-top:120px; position:relative; float:left; }
div.blogWrap{ width:100%; background-color:#f6f6f6; float:left; }

div#blog h2{ width:100%; text-align:center; top:36px; position:absolute; z-index:999; }


div.blogIntro{ width:100%; padding:30px 0 20px; text-align:center; font-size:1.2em; color:#33cc99; float:left; }

ul#newsArea{ width:1000px; margin:0 auto; text-align:center; }
ul#newsArea li{ width:19%; display:inline-block; border:1px solid #66ccff; margin:0 auto; padding:1px; }

div.home_news_thum{ width:100%; float:left; }
div.home_news_bottom{ width:100%; padding-top:3px; text-align:left; float:left; }

div.home_news_title{ width:100%; text-indent:2em; font-size:0.8em; float:left; }
div.home_news_title{
	background-image:url(/img/common/blog_tit_icon.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
}

div.home_news_title a{ color:#666; text-decoration:none; }

div.home_news_text{ width:100%; border-top:1px dotted #ccc; font-size:1em; float:left; }

div.newsMore{ width:100%; padding:30px 0; float:left; }
div.newsMore a{ padding:5px 5%; margin:0 auto; border:1px solid #a0a0a0; border-radius:4px; background-color:#dcdcdc; color:#3d3d3d; font-size:1.4em; font-weight:bold; text-decoration:none; }
div.newsMore a:hover{ border:1px solid #18a073; background-color:#33cc99; color:#fff; }



/*--- 一覧設定 --------------------------------------------------*/


div#newscontentWrap{
	width:100%;
	padding:0 0 50px;
	float:left;
}

div#newscontentArea{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

div#newscontentArea h3{
	width: auto;
	display: inline-block;
	float: left;
}

div.newscontent_listArea{
	width:100%;
	float:left;
}

div.newscontent_listBox{
	width:96%;
	margin:15px 0;
	padding:10px 2%;
	border-bottom:2px solid #e4e4e4;
	float:left;
}

div.newscontent_listBox h4{
	width:98%;
	margin:0 1%;
	padding-bottom:7px;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	color:#666;
	border-bottom:1px solid #e4e4e4;
	float:left;
}

div.newscontent_listbox_thumb{
	width:25%;
	padding:10px 0 10px 0;
	float:left;
}

div.newscontent_listbox_content{
	width:58%;
	padding:10px 1%;
	text-align:left;
	float:left;
}


div.newscontent_listbox_more{
	width:85%;
	padding:0;
	text-align:right;
	float:left;
}

div.newscontent_listbox_more a{ padding:5px 5%; margin:0 auto; border:1px solid #a0a0a0; border-radius:4px; background-color:#dcdcdc; color:#3d3d3d; font-size:1.4em; font-weight:bold; text-decoration:none; }

div.newscontent_listbox_more a:hover{ border:1px solid #18a073; background-color:#33cc99; color:#fff; }

/*--- single.php設定 --------------------------------------------------*/

div.single_contentBoxArea{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}


div.single_contentBoxArea h2{
	width:100%;
	font-size:40px;
	color:#666;
	font-weight:bold;
	text-align:left;
	float:left;
}

div.single_contentBoxArea h2 em{
	width:100%;
	font-size:28px;
	display:block;
	font-style:normal;
	float:left;
}

div.single_contentBoxArea h2 small{
	width:100%;
	display:block;
	color:#666666;
	font-size:18px;
	font-weight:normal;
	float:left;
}

div.NewsTxt{
	width:96%;
	margin-top:10px;
	padding:15px 2%;
	border-top:1px solid #e4e4e4;
	text-align:left;
	float:left;
}

div.NewsThumb{
	float:left;
	padding-right:2%;
	width:33%;
}

div.NewsTxtBox{
	width:65%;
	float:left;
}

div#page_back { 
	width:30%;
	padding:50px 0 50px 0;
	margin:0 auto;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	clear:both;
}

.News_bktop { 
	width:100%;
	padding:5px 5%;
	text-decoration:none;
	border:1px solid #a0a0a0;
	border-radius:4px;
	background-color:#dcdcdc;
	color:#3d3d3d;
	float:left;
}

.News_bktop:hover{
	border:1px solid #18a073; 
	background-color:#33cc99; 
	color:#fff;
}



/************************************************************/
/* レスポンシブ設定                      */
/************************************************************/

@media screen and (max-width:1000px){
	
	

	div.topspace { height:10px }
	
	/*--- トップページ設定 --------------------------------------------------*/
	
	div.blogIntro{ width:98%; padding:30px 1% 20px; font-size:1em; }
	
	ul#newsArea{ width:98%; }
	
	ul#newsArea li{ width:70%; }
	
	div.home_news_title{ font-size:1em; }
	
	
	/*--- 一覧ページ設定 --------------------------------------------------*/
	div#newscontentArea{
		width:100%;
	}
	
	div.newscontent_contentBoxArea{
		width: 98%;
		margin-top:20px;
	}

	div.newscontent_contentBoxArea h2 em{
		font-size:100%;
	}

	div.newscontent_contentBoxArea h2 small{
		font-size:60%;
	}

	div.newscontent_contentBox1{
		width:100%;
		padding:20px 0;
	}
	
	div.newscontent_listBox h4{
		font-size:120%;
	}
	
	div.newscontent_listbox_thumb{
		width:50%;
		padding:5px 25%;
		float:left;
	}
	
	div.newscontent_listbox_content{
		width:98%;
		float:left;
	}
	
	div.newscontent_listbox_more{
		width:100%;
		padding:15px 0;
		text-align:center;
		font-size:110%;
	}
	
	
	/*--- single.php設定 --------------------------------------------------*/
	div.single_contentBoxArea{
		width: 98%;
	}

	div.single_contentBoxArea h2 em{
		font-size:80%;
	}

	div.single_contentBoxArea h2 small{
		font-size:40%;
	}

	div.single_contentBox1{
		width:100%;
		padding:20px 0;
	}
	
	div.NewsThumb{
		width:70%;
		padding:10px 15%;
		text-align:center;
		float:left;
	}
	
	div.NewsTxtBox{
		width:100%;
		float:left;
	}
	
	
	
	
	
}