/*
Description: Twenty Seventee をカスタマイズ CSS
Version: 1.1
Author: mono96
Author URI: http://mono96.jp
License: GPL V2
*/

/* font begin */
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}

@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    font-size: 16px;
    font-size: 1rem;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
		font-family: Verdana, Meiryo, sans-serif;
    font-size: 16px;
    font-size: 1rem;
	}
}

/* font end */

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary 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 1px 0 rgba(0, 0, 0, 1) !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 rgba(0, 0, 0, 1) !important;
}

.entry-content a {
    color: #1A0DAB !important;
    -webkit-box-shadow: inset 0 -1px 0 #1A0DAB !important;
    box-shadow: inset 0 -1px 0 #1A0DAB !important;
}

.entry-content a:hover {
    color: #0000ff;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #0000ff !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #0000ff !important;
}

.entry-content a:visited {
    color: #660099;
    -webkit-box-shadow: inset 0 -1px 0 #660099;
    box-shadow: inset 0 -1px 0 #660099;
}


.entry-content h2 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
    font-weight: 500 !important;
    font-size: 22px;
    font-size: 1.4rem;
    color: #333;
    margin-top: 26px;
    margin-bottom: 36px;
}
.entry-content h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #808080;
}

.entry-content h3 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 2px solid #ccc;
    font-weight: 500 !important;
    color: #333;
    margin-top: 26px;
    margin-bottom: 36px;
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: 500 !important;
}
.entry-content h3::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 2px;
	background-color: #808080;
}

.entry-content h4 {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: 500 !important;
    color: #333;
}

.entry-content h5 {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500 !important;
    color: #333;
}

.entry-content h6 {
    font-size: 16px;
    font-size: 1rem;
    color: #666;
}

blockquote {
    font-size: 16px;
    font-size: 1rem;
    background-color: #f5f5f5;
    padding:2.6em 1em 1em;
    position:relative;
}
blockquote:before{
    content:"“";
    font-size:600%;
    line-height:1em;
    font-family:sans-serif;
    color:#999;
    position:absolute;
    left:0;
    top:0;
}

.entry-content img{
     border:1px solid #c0c0c0;/* 外枠の色 */   
     padding:4px;/* 余白 */   
     background-color:#ffffff;/* 余白部分の色 */   
}

.entry-content li{
    margin-left: 24px;
}

.ts-fab-list li a {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1) !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1) !important;
}

.ts-fab-tab {
    border: 1px solid #a9a9a9 !important;
}

.ts-fab-list li.active a {
    background-color: #666 !important;
    color: #fff !important;
    border-color: #333 !important;
}

.ts-fab-list li a {
	color: #333 !important;
    font-weight: 500 !important;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1) !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1) !important;
}


.ts-fab-text h4 {
    border: none;
 }
 
 .ts-fab-content {
     font-size: 14px;
    font-size: 0.875rem;
}

.ts-fab-header h4 a,
ul.ts-fab-latest li a {
     font-size: 14px;
    font-size: 0.875rem;
}

.ts-fab-header h4 a:hover,
ul.ts-fab-latest li a:hover {
	color: #0000ff;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #0000ff;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #0000ff;

}