/*
 Theme Name:   tf-child
 Theme URI:    http://sync.dev/app/public/wp-content/themes/tf-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Web Impact
 Author URI:   https://www.webimpact.co.jp
 Template:     twentyfifteen
 Version:      1.0.0
*/

body{
	font-family: -apple-system, arial, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  '游ゴシック Medium', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: #DEEFF4;
}

.clear{
	clear:both;
}

a:hover{
	color: #3A8BC4;
}

/* === 左ヘッダー === */
.site-header{
	margin: 15px;
}

@media (min-width: 955px) {
	.site-title img{
		padding: 0 10px 10px 0;
	}
	
	.site-main {
		padding: 30px 0;
	}	
}
@media (max-width: 954px) {
	.site-title img{
		max-height: 40px;
	}
	
	.site-main {
		padding: 0;
	}	
}

@media (min-width: 620px) {
	.site-header{
		margin: 30px 15px 15px;
		padding: 15px;
	}	
	
	.hentry,
	.hentry + .hentry,
	.page-header + .hentry,
	.page-header + .page-content {
		margin-top: 30px;
	}
}

.hentry{
	padding-top: 0;	
}

.entry-header{
	margin-bottom: 30px;
	padding: 15px 5%;
	background: #666;
}
.entry-title{
	margin-bottom: 0;
	font-size: 140%;
	color: #fff;	
}
.entry-title a{
	color: #fff;
}
.entry-title a:hover{
	color: #ccc;
}

.entry-content, .entry-summary{
	padding: 0 5% 5%;
	font-size: 86%;
}

.entry-content ul,
.entry-content ol{
	margin-left: 5%;
}
.entry-content li{
	margin-bottom: 10px;
}

.entry-content em{
	font-style: normal;
	color: #FF0000;
}

@media (min-width: 955px) {
	.widget{
		padding: 0 5%;
	}
}

.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2{
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	font-size: 140%;
	padding: 5px 0;
}

.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3{
	font-size: 130%;
	border-bottom: 1px dotted #333;	
	margin: 45px 0 30px;
	padding-bottom: 5px;
}

.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4{
	color: #1578C0;
	font-size: 110%;
	margin: 30px 0 15px;
}

.entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6{
	text-transform: none;
	font-size: 100%;
}

.post-navigation .post-title,.page-title{
	font-weight: normal;
	font-family: -apple-system, arial, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  '游ゴシック Medium', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 100%;
}

/* ===== カテゴリー一覧ページ ===== */
.page-header{
	background: none;
	border: none;
	color: #666;
	padding: 5px;
	text-align: right;
}

@media (max-width: 619px) {
	.page-header{
		padding: 15px 15px 0;
	}
}

.codebox{
	background: #000;
	color: #fff;
	padding: 15px;
	margin-bottom: 30px;
}

/* ===== PDFダウンロードボタン ===== */
.pdficon{
	clear: both;
	margin:60px auto 0;
}

/* ===== TOPページ ボタン ===== */
.top_btn{
	height: 80px;
	color:#fff;
	background: #333;
	border-radius:40px;
	text-decoration: none;
	font-size: 140%;	
}
@media (min-width: 620px) {
	.top_btn{	
		width: 45%;
		margin: 45px 2% 15px;
	}
}
@media (max-width: 619px) {
	.top_btn{	
		margin: 30px 0 15px;
		width: 100%;
	}
}

.top_btn_user{
	background: #1578C0;
}
.top_btn_user:hover{
	background: #3A8BC4;
}

/* === 左ナビゲーション === */
.nav{
	margin: 0 30px 45px;
}

.nav ul{
	background: #DEEFF4;
	padding: 15px 15px 10px;
}

@media (min-width: 620px) and (max-width: 954px){
	.nav ul{
		margin: 15px 0;
	}	
}

@media (max-width: 619px) {
	.nav ul{
		margin: 15px 0 0;
	}

	.secondary{
		background: #DEEFF4;
	}
}

.nav li{
	list-style: none;
	margin-bottom: 5px;
}

.nav li:before{
	content: "\f452";
	font-family: genericons;
	margin-right: 5px;
	color: #1578C0;
	vertical-align: top;
}

/* ===== 目次 ===== */
.secondary{
	padding: 0;
}

.side-nav{
	margin: 30px;
}
.side-nav .cat-item{
	list-style: none;
}

.side-nav-entry li li{
	font-size: 86%;
	padding: 5px 0;
}

.cat-item a{
	font-weight: bold;
	color: #1578C0;
}
.cat-item .children{
	margin: 15px 0 45px;
}
.cat-item .children a{
	font-weight: normal;
	color: #333;
}

.cat-item a:hover{
	color: #3A8BC4;
}

.widget_categories .children,
.widget_categories li{
	border-top: none;
}
.children li{
	border-bottom: solid 1px rgba(51, 51, 51, 0.1);
}
.cat-item .children .children{
	margin: 0 15px;
}

.children .children li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

.widget_categories li:last-child{
	padding-bottom: 5px;
}

/* ===== ユーザーズマニュアル ===== */
.user-content .entry-header{
	background: #1578C0;
}