/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 19 2021 | 06:58:25 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 




body .content .sitecard__subtitle::before {
font-family: "Font Awesome 5 Free";
content: "\f15c";
margin-right: 5px;
font-size: 14px;
}

body .content .heading a {
color: #327bb7;
text-decoration: underline;
}
body .content .blogcard {
	position: relative;
	overflow: initial;
	border: solid 2px #ff7e28; /* ボーダー色 */
}

body .content .blogcard__subtitle{
	position: absolute;
	font-size: 1em; /* サブタイトルの文字サイズ */
	color: #ffffff; /* サブタイトルの文字色 */
	border-radius: 5px 5px 5px 5px; /* サブタイトルボックスの角の丸み */
	padding: 0.2em 1em;
	background-color: #ff7e28; /* サブタイトルの背景色 */
	transform: translateY(-50%) translateX(1em);
}
body .content .sitecard__contents .phrase {
    display: none;
}
body .content .blogcard__contents {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

body .content .blogcard .eyecatch {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

/* ブログカードのカスタマイズ */

body .content .sitecard {
position: relative;
overflow: initial;
border: solid 2px #ff7e28;
margin-right: auto;
margin-left: auto;
margin-bottom: 3em;
margin-top: 3em;
}

body .content .sitecard__subtitle{
	position: absolute;
	font-size: .8em;
	color: #ffffff; /* サブタイトルの文字色 */
	border-radius: 2px; /* サブタイトルボックスの角の丸み */
	padding: 0.2em 1em;
	background-color: #ff7e28; /* サブタイトルの背景色 */
	transform: translateY(-50%) translateX(1em);
}

body .content .sitecard__contents {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

body .content .sitecard .eyecatch {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
@media only screen and (min-width:800px){
body .sitecard .eyecatch::before {
    padding-top: 56.25%;
}
body .content .sitecard__contents {
    max-width: calc(100% - 165px);
}
body .content .sitecard .eyecatch {
    width: 30%;
}
body .content .eyecatch__link img {
    height: auto;
}
body .content .sitecard__contents {
    width: 67%;
    max-width: 100%;
}
body .content .sitecard {
max-width: 90%;
}
}