/*
 Theme Name:   twentyfourteen-ks
 Template:     twentyfourteen
 Author:       S.Kawano
 Version:      1.0.0
*/

/***********************************************************************/
/******************** K's Photo Gallery CSS 2016--- ********************/
/***********************************************************************/

/******************** フォント指定 ********************/
body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.0;
}

/******************** リンク色 ********************/
.nav-links a,
.entry-title a {
	color: #24890d;
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
	text-decoration: none;
}

/******************** 背景色 ********************/
#secondary {
	background-color: #333631;
}

@media screen and (min-width: 1008px) {
	.site:before {
		background-color: #333631;
	}
}

/******************** 文字色 ********************/


/******************** ボーダー ********************/
hr {
	background-color: #a9a9a9;
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}


/************************************************************/
/******************** メインコンテンツ　 ********************/
/************************************************************/

/******** width 474 px →　600 px */

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 600px;
}

.post-navigation,
.image-navigation {
	margin: 24px auto 48px;
	max-width: 600px;
	padding: 0 10px;
}

.archive-header,
.page-header {
	margin: 24px auto;
	max-width: 600px;
}

.contributor-info {
	margin: 0 auto;
	max-width: 600px;
}

.comments-area {
	margin: 48px auto;
	max-width: 600px;
	padding: 0 10px;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	margin: 0 auto 48px;
	max-width: 600px;
	padding: 0 30px;
}

.archive-header,
.page-header {
	margin: 0 auto 60px;
	padding: 0 10px;
}

/******************** メインコンテンツ マージントップ　デフォルト-48px　 ********************/

.full-width .site-content .has-post-thumbnail .entry-header,
.full-width.singular .site-content .hentry.has-post-thumbnail,
.full-width.home .site-content .hentry.has-post-thumbnail {
    margin-top: 0;
}

/********************************************************************/
/******************** 投稿記事　見出しカスタム　 ********************/
/********************************************************************/

.entry-header h1 {
	line-height: 1.6em;
}

.entry-content h2 {
	font-size: 20px;
	line-height: 3em;
	border-left: 5px solid #696969;
	padding-left:15px;
}

.entry-content h3 {
	font-size: 18px;
}

.entry-content h4 {
	font-size: 16px;
}

/********************************************************/
/******************** メディアクエリ ********************/
/********************************************************/

/*******************************************************/
@media screen and (max-width: 400px) {

	.page .content-area,
	.page .content-sidebar {
		padding-top: 20px;
	}

	.archive-headre,
	.archive-title {
		display: none;
	}

	.archive-header,
	.page-header {
		border-bottom: none;
		margin: 0 auto 0;
		padding-bottom: 0px;
	}

	.entry-title {/***** 記事タイトル　見出　装飾 *****/
		font-size: 24px;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: none;
	}

	.page .entry-title,
	.single .entry-title {
		border-bottom: 1px solid #c0c0c0;
	}

	.dsp-text {/***** 非表示 *****/
		display: none;
	}

	a.post-thumbnail,
	.single .post-thumbnail {/***** 投稿ページ　アイキャッチ非表示 *****/
		display: none;
	}

	.time {
		margin-bottom: 0;
	}

	/***** 一覧ページカスタム *****/
	.archive-box {
		padding: 0 10px;
	}

	.f-left {
		float: left;
	}

	.post-right {
	}

	.dsp-thumbnail {
		margin-right: 10px;
		width: 100px;
		height: 100px;
	}

	div.breadcrumbs {/***** パンくずリスト% *****/
		padding: 10px 5px 0 10px;
	}
}

/*******************************************************/
@media screen and (min-width: 401px) {

	.page .content-area,
	.page .content-sidebar {
		padding-top: 20px;
	}

	.site-content .has-post-thumbnail .entry-header {
		padding-top: 0;
		margin-top: 0;
	}

	.archive-headre,
	.archive-title {
		display: none;
	}

	.archive-header,
	.page-header {
		margin: 0 auto 0;
		padding: 0 10px;
	}

	a.post-thumbnail,
	.single .post-thumbnail {/***** 投稿ページ　アイキャッチ非表示 *****/
		display: none;
	}

	.entry-title {/***** 記事タイトル　見出　装飾 *****/
		font-size: 26px;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 1px solid #c0c0c0;
	}

	div.breadcrumbs {/***** パンくずリスト% *****/
		padding: 10px 5px 0 10px;
	}

	.single div.breadcrumbs {/***** パンくずリスト% *****/
		padding: 10px 5px 20px 10px;
	}



	/***** 一覧ページカスタム *****/
	.archive-box {
		padding: 0 10px;
	}

	.f-left {
		float: left;
	}

	.post-right {
	}

	.dsp-thumbnail {
		margin-right: 10px;
	}

	.time {
		margin-bottom: 0;
	}

	.dsp-text {
		display: inline;
		line-height: 1.7;
	}

	.dsp-text .more-link {
		display: none;
	}


	.has-post-thumbnail {
		margin: 0;
	}

	.site-content {
		padding-bottom: 20px;
	}




}

/*******************************************************/
@media screen and (min-width: 594px) {

	.site-content .has-post-thumbnail .entry-header {
		margin-top: 0;
		padding-top: 0;
	}

	.site-content .entry-content {
		padding-left: 30px;
		padding-right: 30px;
	}


	.comments-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	div.breadcrumbs {/***** パンくずリスト% *****/
		padding: 10px 5px 0 30px;
	}

	.single div.breadcrumbs {
		padding: 10px 5px 20px 30px;
	}

	.dsp-text {
		display: inline;
	}

	.dsp-text .more-link {
		display: none;
	}

	/***** 一覧ページカスタム *****/
	.archive-box {
		padding: 0 25px;
	}

	.site-content {
		padding-bottom: 40px;
	}

}

/*******************************************************/
@media screen and (min-width: 673px) {

	.site-content .has-post-thumbnail .entry-header {
		margin-top: 0;
		padding-top: 0;
	}

	.site-content .entry-content {
		padding-left: 30px;
		padding-right: 30px;
	}

	.post-navigation,
	.comments-area {
		padding-left: 30px;
		padding-right: 30px;
	}

	/***** 一覧ページカスタム *****/
	.archive-box {
		padding-left: 25px;
	}

}

/*******************************************************/
@media screen and (min-width: 783px) {
	h3 a {/***** ページ内リンク ズレ補正 *****/
		display: block;
		padding-top: 50px;
		margin-top: -50px;
	}
}

/*******************************************************/
@media screen and (min-width: 810px) {}

/*******************************************************/
@media screen and (min-width: 846px) {}

/*******************************************************/
@media screen and (min-width: 1008px) {

	.site-content {
		margin-right: 29.04761904%;/***** 29.04761904% *****/
		margin-left: 200px;/***** 182px *****/
	}

	.site-content .entry-content {
		padding-left: 30px;
		padding-right: 30px;
	}

	div.breadcrumbs {/***** パンくずリスト% *****/
		padding: 10px 5px 0 210px;
	}

	.single div.breadcrumbs {/***** パンくずリスト% *****/
		padding: 10px 5px 0 210px;
	}
}

/*******************************************************/
@media screen and (min-width: 1040px) {

	.site-content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.site-content .entry-content {
		padding-left: 18px;
		padding-right: 18px;
	}

	.post-navigation,
	.comments-area {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*******************************************************/
@media screen and (min-width: 1080px) {

	.site-content {
		margin-right: 29.04761904%;/***** 29.04761904% *****/
		margin-left: 230px;/***** 182px *****/
	}

	div.breadcrumbs {/***** パンくずリスト% *****/
		padding: 10px 5px 0 240px;
	}

	.single div.breadcrumbs {/***** パンくずリスト% *****/
		padding: 10px 5px 0 240px;
	}
}

/*******************************************************/
@media screen and (min-width: 1110px) {

	.site-content .entry-content {
		padding-left: 30px;
		padding-right: 30px;
	}

	.post-navigation,
	.comments-area {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/*******************************************************/
@media screen and (min-width: 1218px) {}

/*******************************************************/
@media screen and (min-width: 1260px) {}






/********************************************************/
/******************** コメントエリア ********************/
/********************************************************/

.comments-area {
	background-color: #dcdcdc;
	margin: 48px auto;
	max-width: 600px;
	padding: 30px 20px 10px 20px;
}

.comment-notes,
.comment-reply-title,
.comments-title {
	display: none;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 30px;
}

/******************** アイキャッチ画像を非表示に ********************/
.page .post-thumbnail,
.single .post-thumbnail {
	display:none;
}

/******************** 非表示 ********************/
.cat-links,
.comments-link,
.tag-links {/***** 記事タイトル周り *****/
	display: none;
}

.comment-form-email {/***** コメントフォーム *****/
	display: none;
}

/******************** 英文大文字解除 ********************/
.entry-title {
	text-transform: none;
}

/******************** 引用 ********************/
.entry-content blockquote {
	font-size: 14px;
	line-height: 2em;
	background-color: #ddd;
	padding: 50px 20px 1px 20px;
	position: relative;
}
.entry-content blockquote:before {
	content:"“";
	font-size: 500%;
	line-height: 1.2em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color: #999;
	position: absolute;
	left: 0;
	top: 8px;
}

/********** メインサイドバーのデザイン **************/
#primary-sidebar.primary-sidebar .widget-title {
	font-size: 1em;
	line-height: 3em;
	padding-left:8px;
	border-left: 5px solid #808080;
}

/********** 前・次の投稿カスタム **************/
.nav-links {
	border-top: none;
}

.nav-links a {
	background-color: #eeeeee;
	padding-left: 10px;
	-webkit-transition: all .5s;
	transition: all .5s;
	border-bottom: 1px solid #dcdcdc;
}
.nav-links a:hover {
	background-color: #efffe0;
	-webkit-transition: all .5s;
	transition: all .5s;
}

/********** ウィジェットタイトル カスタム **************/
.content-sidebar .widget .widget-title {
	border-top: 3px solid #696969;
	border-left: 10px solid #696969;
	color: #343434;
	font-size: 14px;
	font-weight: 900;
	margin: 0 0 10px;
	padding: 3px 10px 0 10px;
	text-transform: none;
}

/********** 個別記事　定型文 Message Area **********/
@media screen and (max-width: 400px) {
	.message {
		margin: 0 20px 0px 5px;
	}
 
	.message p {
		margin: 0 10px;
		line-height: 1.8;
		font-size: 14px;
	}
}
@media screen and (min-width: 401px) {
	.message {
		margin: 0 20px 0px 5px;
	}
 
	.message p {
		margin: 0 10px;
		line-height: 1.8;
		font-size: 14px;
	}
}
@media screen and (min-width: 594px) {
	.message {
		margin: 0 20px 0px 25px;
	}
 
	.message p {
		margin: 0 10px;
		line-height: 1.8;
		font-size: 14px;
	}
}

/********** HOME リンクバナー **********/
.entry-content .banner2 p {
	margin-bottom: 0;
}

.banner1 a {
	color: #f0f8ff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	display: block;
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000;
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:1px 1px 4px #696969;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #191970;
}
.banner1 a:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #b3b3cf;
}

.banner2 a {
	color: #f0f8ff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	display: block;
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000;
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:1px 1px 4px #696969;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #006400;
}
.banner2 a:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #aacbaa;
}

.banner3 a {
	color: #f0f8ff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	display: block;
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000;
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:1px 1px 4px #696969;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #b8860b;
}
.banner3 a:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #e7d7ae;
}

.banner4 a {
	color: #f0f8ff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	display: block;
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000;
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:1px 1px 4px #696969;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #808080;
}
.banner4 a:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #c0c0c0;
}