/*
Theme Name: Twenty Seventeen-child
Template:   twentyseventeen
Author: Solidec Inc.
Version: 3.11.2019
*/

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

/*ヘッダー部分・メニュー表示アリア*/
#masthead .wrap {
	text-align: center; /*テキスト揃え位置*/
}
/*サイトタイトル*/
.site-title {
    font-size: 2rem; /*フォントサイズ*/
}
/*サイトタイトル下側紹介文*/
.site-description {
    font-size: 1rem; /*フォントサイズ*/
}
/*ヘッダー背景色*/
.site-header {
    background-color: transparent; /*背景色*/
}
/*ヘッダー・コンテンツ間スペース*/
.site-content-contain {
    padding: 2rem 0; /*上下余白*/
}

/*各リンク設定*/
a {
    color: #222; /*初期状態のリンク文字色*/
}
/*各リンクホバー時設定*/
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    color: #000; /*ホバー時のリンク文字色*/
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); /*ホバー時のリンク下線色(ブラウザ/Google Chrome、Firefoxなど)*/
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); /*ホバー時のリンク下線色(ブラウザ/Microsoft Edgeなど)*/
}

/*ナビゲーションメニュー表示設定*/
.navigation-top {
	bottom: 1px;
	border: none;
	padding: .125rem 0; /*上下余白*/
	background-color: rgba(0, 0, 0, 1);/*背景色*/
}
/*ナビゲーションメニュー*/
.main-navigation a {
    color: #fff; /*初期状態のリンク文字色*/
}
.main-navigation a:hover {
    color: #767676; /*ホバー時のリンク文字色*/
}

/*コンテンツエリア幅*/
.has-sidebar:not(.error404) #primary {
	width: 66%; /*下記サイドバー幅との合計が「94」になるよう設定*/
}
/*サイドバー幅*/
.has-sidebar #secondary {
	width: 28%; /*上記コンテンツエリア幅との合計が「94」になるよう設定*/
}
/*投稿記事内画像*/
.entry-content a img {
	margin: 1em; /*画像周りスペース*/
}
/*投稿記事タイトル*/
.entry-header h3 {
	font-size: 1.75rem; /*フォントサイズ*/
}
/*投稿記事テキスト本文*/
.entry-content, .entry-content div{
	line-height:1.5rem /*行間*/
}

/*アーカイブ・カテゴリーページ表示設定*/
/*レイアウト*/
.post-thumb{
	width: 36%; /*サムネイル幅*/
}
.post-cts{
	width: 60%; /*記事抜粋幅*/
}

/*投稿記事タイトル*/
.post-cts h3{
	font-size: 1.25rem; /*フォントサイズ*/
}
/*投稿記事抜粋*/
.entry-excerpt {
	display: block;
	margin: .5rem 0 1.25rem; /*テキスト上下スペース*/
}
/*続きを読む*/
.readmore a {
	padding: .5rem;
	font-size: 0.875rem; /*フォントサイズ*/
	background: #333; /*背景色*/
	color: #fff; /*文字色*/
}

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


/*///////////////サイドバー 設定///////////////*/

/*ウィジェットタイトル*/
#secondary h2.widget-title{
	font-size: 0.875rem;  /*フォントサイズ*/
	margin-bottom: 1em; /*テキスト下スペース*/
}
/*アイキャッチ画像周辺*/
.site-content {
	padding: 2em 0 0;/*画面幅48em未満*/
}
.single-featured-image-header {
	background-color: #fff;/*周りの色*/
	border-bottom: 0px solid #eee;/*画像下の線*/
	padding: 0 0 2em;/*画像下余白*/
}

/*///////////////サイドバー END///////////////*/


/*/////タブレット・スマートフォン表示 設定/////*/
@media screen and (max-width:768px) {
	
	/*ページ左右余白（ホワイトスペース表示幅）*/
	.wrap {
		padding-left: 1em; /*ページ左側余白*/
		padding-right: 1em; /*ページ右側余白*/
	}
	
	/*サイトタイトル*/
	.site-title {
		font-size: 1.5rem; /*フォントサイズ*/
	}
	/*サイトタイトル下側紹介文*/
	.site-description {
		font-size: 0.8125rem;; /*フォントサイズ*/
	}
	
	/*ヘッダー・コンテンツ間スペース*/
	.site-content-contain {
		padding: 0; /*上下余白*/
	}
	
	/*ナビゲーションメニュー*/
	.menu-toggle {
    	color: #fff; /*メニュー文字色*/
	}
	.main-navigation ul{
		background: #333; /*メニュー背景色*/
	}
	.main-navigation li {
		border-bottom: 1px solid #444; /*メニュー区切り線*/
		position: relative;
	}
	
	/*投稿記事タイトル*/
	.entry-header h3 {
		font-size: 1.25rem; /*フォントサイズ*/
	}
	/*投稿記事内*/
	.entry-content a img {
		display:block;
		margin: 1em 0 !important; /*画像周りスペース*/ 
	}
	
	/*続きを読む*/
	.readmore a {
		display:block;
		text-align:center; /*テキスト揃え位置*/
	}
	
}
/*////////タブレット・スマートフォン表示 END////////*/


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* ↑↑↑ これより上の項目・数値を変更してください ↑↑↑ */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.site-title {text-transform: none;margin-bottom: .5rem;}
#menu-item-959, .site-header .menu-scroll-down, .entry-header .entry-meta, #meta-2 h2, #meta-2 li:nth-child(1), #meta-2 li:nth-child(3), #meta-2 li:nth-child(4), #meta-2 li:nth-child(5) {display:none}
.site-navigation-fixed.navigation-top{position: relative}
body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column:not(.archive) #primary .entry-content{float: none;width: 100%;}
.site-branding {padding: 6em 0;}
.post-archive {margin:0 auto;width:100%;display: flex;justify-content: space-between;}
.post-thumb{max-width: 100%;height: auto;}
.blog .site-main > article.has-post-thumbnail .post-thumbnail, .single-featured-image-header {display: none}
.entry-card-thumb {width: 100%;margin-right: 0;margin-bottom: 2rem;}
.entry-card-content {margin-left: 0;}
pre {line-height: 1.25rem; white-space: pre-wrap;}

@media screen and (max-width:768px) {
	
	.site-content {padding: 0;}
	.menu-toggle:focus, #site-navigation:focus {outline: none;}
	.wrap img {max-width: 100%;height: auto;}
	#menu-item-959{display:block}
	.has-sidebar:not(.error404) #primary, .has-sidebar #secondary{float: none; width: 100%;}
	article.post table {table-layout: fixed; word-break: break-all; word-wrap: break-all; white-space: pre-wrap;}
	#main a.wp-show-posts-read-more:focus, a.wp-show-posts-read-more:hover {color: #fff;}
	.main-navigation > div > ul {border-top: none;}
	.post-archive {display: block;}
	.post-thumb, .post-cts{width: 100%;}
	
}