/*
	Skin Name: a-h.work専用スキン
	Description: a-h.work
	Skin URI: https://a-h.work
	Author: ヒサノアスカ
	Author URI: https://a-h.work
	Screenshot URI:
	Version: 1.5.0
	Priority: 10010
*/

/*以下にスタイルシートを記入してください*/
/*ヘッダーの設定*/
/*タイトルの余白をなくす*/
#header-in.wrap {
	width: 100%;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
}
#header-in .site-name-text {
	padding-bottom: 0;
}
.logo-text {
	padding: 0;
}
.tagline {
	margin: 0;
	padding: .2rem;
}
#navi {
	border-bottom: solid 1px #ccc;
}

#navi li {
	border-left: solid 1px #ccc;
	font-size: .8rem;
}
#navi li:last-child {
	border-right: solid 1px #ccc;
}

input, textarea {
	border-radius: 10px;
	padding: .5rem
}

@media screen and (max-width: 768px){
	.a-wrap{
		padding: 0;
	}
}
/*AdSenseのラベル*/
.ad-label {
	font-size: .8rem;
	font-weight: bold;
	text-align: center;
}

/*SNSシェアのラベル*/
.sns-share-message:before,
.sns-share-message:after {
	font-weight: bold;
	color: #ccc;
}
.sns-share-message:before {
	content: "＼";
}
.sns-share-message:after {
	content: "／";
}

/*コメント周辺*/
.says {
	display: none;
}
.comment-author,
.comment-content {
	font-size: .9rem;
}

/*ページネーション*/
.pagination-next {
	display: none;
}
.page-numbers {
	border-radius: 5px;
}

/*リンク関連*/
a {
	color: #04c;
	text-decoration: none;
}

/*.entry-content a[target="_blank"] {
	font-weight: bold;
}*/

.entry-content a:visited {
	color: #666;
}


/*投稿の見出し関連*/
/*まずはリセット*/

.article h2,
.article h3 {
	background-color: #fff;
	border: none;
}

/*ここから装飾*/
.article h2 {
	font-size: 1.5rem;
	margin-top: 2rem;
	padding: 0 1rem;
	line-height: 2;
	border: #ccc solid;
	border-width: 5px 0 2px;
}
/*
.article h2::before,
.article h2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
article.article h2::before {
	top: 0;
	border-top: 2px solid #ccc;
}
article.article h2::after {
	bottom: 0;
	border-top: 1px solid #ccc;
}*/
.article h3 {
	border-bottom: 2px dashed #ccc;
}



/*コメントアバター*/
.commets-list .avatar {
	display: none;
}

/*目次*/
.toc {
	background-color: #f8fbfb;
	border-radius: 5px;
	margin: 15px auto;
	width: 80%;
}

@media screen and (max-width: 440px) {
	.toc {
		width: 100%;
	}
}

.toc-title {
	border-bottom: 2px dotted #ccc;
	font-weight: bold;
}

.toc ul,
.toc li,
.toc li ul,
.toc li li {
	border: none;
	margin: 0;
	padding: 0;
}

.toc li,
.toc li li {
	background: linear-gradient(to top, #ccc 1px, rgba(255, 255, 255, 0) 1px) left top / 1px 1.4rem;
	font-size: .9rem;
	line-height: 1.4rem;
	list-style-position: inside;
	margin-top: -1px;
	padding-top: 1px;
}

.toc li a,
.toc li li a {
	display: block;
	padding-left: 1rem;
	width: 100%;
	height: 100%;
}
.toc li li a::before {
	content: " - ";
}
/*.toc li a,
.toc li li a,*/
.toc li a:hover,
.toc li li:hover a {
	text-decoration: none;
}

/*カード関連*/
.entry-card-content,
.related-entry-card-content {
	padding-bottom: 0;
}

.entry-card-wrap,
.related-entry-card-wrap {
	box-sizing: border-box;
	border-radius: 10px;
	padding: 10px 1rem;
	margin: .5rem auto;
	width: 100%;
}

.internal-blogcard-content {
	height: 100%;
}
.blogcard-wrap {
	border-radius: 10px;
}

.main .card-snippet {
	background: linear-gradient(to top, #ccc 1px, rgba(255, 255, 255, 0) 1px) left top / 1px 1.8rem;
	font-size: .9rem;
	line-height: 1.8rem;
	margin-top: -5px;
	padding: 5px .5rem 0 1rem;
}

.main .blogcard-snipet {
	background: linear-gradient(to top, #ccc 1px, rgba(255, 255, 255, 0) 1px) left top / 1px 1.4rem;
	font-size: .8rem;
	line-height: 1.4rem;
	margin-top: -4px;
	padding: 4px .2rem 0 .5rem;
}

.card-title,
.blogcard-title {
	border-bottom: solid 2px #ccc;
	margin: .5rem auto 2px;
	padding: .2rem 1rem;
}

.entry-card-content,
.related-entry-card-content {
	padding-bottom: 1em;
}

.blogcard-thumbnail {
	margin-top: .4rem;
}

.internal-blogcard-favicon,
.internal-blogcard-domain,
.internal-blogcard-post-date {
	display: none;
}

/*サイドバー関連*/
.sidebar h3 {
	color: #fff;
	background-color: #04c;
	border-radius: 5px;
	border: none;
	font-size: 1.2rem;
	margin: 0 auto .5rem;
	padding:.5rem 2rem;
	position: relative;
}

.sidebar h3::after {
	background-color:#fff;
	content: '';
	transform:translateY(-50%);
	width: 5px;
	height:25px;
	position: absolute;
	top: 50%;
	left:.7em;
}

.widget_recent_entries a,
.cat-item a {
	color: #666;
	border: none;
	display: block;
	font-size: .9rem;
	line-height: 1.5rem;
	text-decoration: none;
	padding: .5rem 1rem;
	width: 100%;
	height: 100%;
}
.widget_recent_entries ul,
.widget_categories ul,
.widget_archive ul,
.widget_pages ul,
.widget_nav_menu ul,
div.popular-entry-cards {
	padding-left: .5rem;
}

/*新着記事*/

.widget_recent_entries li {
	border: solid 1px #ccc;
	margin-top: .8rem;
	height: 4.5rem;
}

.widget_recent_entries ul li a {
	padding: 1rem .5rem;
	z-index: 1;
}

.widget_recent_entries .post-date {
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 1px 5px;
	position: relative;
	top: -5rem;
	left: -5px;
	z-index: 0;
}

/*人気記事関連*/

a.popular-entry-card-link {
	border: solid 1px #ccc;
}
span.popular-entry-card-title {
	border-bottom: none;
	display: block;
	font-size: .9rem;
	line-height: 1.5rem;
	margin: 0;
	padding: .5rem;
	height: 3rem;
}

/*カテゴリ関連*/
.cat-item a {
	border: solid #ccc;
	border-width: 0 0 1px 1px;
	padding-left: 2rem;
}
.cat-item span {
	padding-right: 1rem;
}

/*リンクのホバー背景色を統一*/
a:hover,
.site-name-text-link:hover,
.a-wrap:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.tag-link:hover,
.comment-reply-link:hover,
.tagcloud a:hover,
.widget_recent_entries ul li a:hover,
.widget_recent_entries ul li a:hover .post-date,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover,
.comment-btn:hover,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover {
	color: #fff;
	background-color: rgba(0,68,204,0.6);
	transition: all 0.5s ease;
}