/* フォントと文字の大きさ、色 */
body{
font-family:メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size:11.5px;
font-weight: 500;
color:#403b3b;
}

.widget {
    border-style: none;         /* お葬式みたいな仕切り線を消す。*/
    font-size: 1rem;            /* ウィジェット内のフォントが小さ過ぎ */
    margin-bottom: 0.5rem;      /* ウィジェットどおしの間隔が広過ぎ */
}

.widget .widget-title {
    border-bottom: solid thin #6495ed !important;   /* タイトルに下青線 */
    padding-bottom: 0.4rem;                         /* 下線までの距離 */
    margin-bottom: 0.8rem;                /* 最初のエントリーまでの距離 */
    font-weight: 100;                   /* フォントが大きすぎるので */
    font-size: 1rem;
}

.widget ul {
    list-style-type: none;      /* リストのマーカーを消す */
    margin: 0;                  /* 注意。サブカテゴリーのインデントも消える */
    padding: 0;
}

.widget .cat-item {
    border-bottom: 1px solid #dcdcdc;       /* カテゴリー間に線 */
    padding: 0.3rem 0rem;       /* カテゴリー間が狭いので */
}

.widget .children .cat-item {
    border-bottom: none;        /* 親子カテゴリーの間の線はなし */
    padding: 0.3rem 0rem;       /* カテゴリー間が狭いので */
}

.widget .recentcomments {
    border-bottom: 1px solid #dcdcdc;   /* コメントの間に線 */
    padding: 0.5rem 0rem;               /* コメントと線の間 */
    line-height: 125%;                  /* 行間を狭める */
}

.widget {
    border-style: none;         /* お葬式みたいな仕切り線を消す。*/
}

.widget-title {
font-size: 18px;/*文字のサイズ*/
line-height: 1;/*ライン幅*/
color: #000000;/*文字色の設定*/
background: #ffffff;/*背景色*/
padding: 5px 5px 2px;/*内側の余白*/
border: 0px solid #000000;/*枠線の設定*/
text-align: left;/*中央揃え*/
font-weight: bold;/*フォントを太字に*/
}

/* サイドバーの文字 */
.widget-area .widget p, .widget-area 
.widget li, .widget-area .widget .textwidget {
line-height: 15px; /* 文字の高さ */
font-size: 11px; /* 文字の大きさ */
}
/* サイドバーリンク関係*/
.widget-area .widget a {
color: #000000; /* リンク部分の文字色 */

font-weight: normal; /* 文字の太さ設定 */
}
.widget-area .widget a:visited {color: #000000;}/* 訪問済み時の色*/
.widget-area .widget a:hover{color: #696969}/* カーソルが載った時の色*/

@media screen and (min-width: 44.375em) {
	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		margin-right: 10%;
	}
}

@media screen and (min-width: 56.875em) {
	.entry-content,
	.entry-footer {
		margin-right: 5%;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer {
		width: 100%;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
	content: "/";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
	}

	.single .byline,
	.full-size-link,
	body:not(.search-results).group-blog .byline,
	body:not(.search-results) .entry-format,
	body:not(.search-results) .cat-links,
	body:not(.search-results) .tags-links,
	body:not(.search-results) article:not(.sticky) .posted-on,
	body:not(.search-results) article:not(.type-page) .comments-link,
	body:not(.search-results) article:not(.type-page) .entry-footer .edit-link,
	body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
		display: inline-block;
	}
}

@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) .entry-content {
		width: 95%;
	}
}

/* サイトロゴやメニューと上部の枠との間の余白を縮める-1 */
.site-header {
 padding: 2em 4.5455%;/* 7:サイトロゴ-上部の余白調整 */
}


.pagination .nav-links::after,
.pagination::after,
.pagination .nav-links::before,
.pagination::before {
    display: none;                  /* 右端の黒い長方形を削除 */
}
 
.pagination .prev,
.pagination .next {
    background-color: transparent !important;   /* 黒い長方形を削除 */
    color: #696969 !important;                  /* 矢印は青色 */
}

/* リンクの色指定 */
/**
 * 6.1 - Links
 */
 
.entry-content a {
	color: #708090;/*記事中のリンク文字を変更*/
}
a:hover,
a:active {
	color: #708090;
}

.entry-content a {
	color: #708090;/*記事中のリンク文字を変更*/
}
a:hover,
a:active {
	color: #708090;
}

#main .entry {
  border-bottom: 1px solid #696969; /* 線のサイズと色 */
  padding-bottom: 10px;  /* 記事と記事の間隔 */
}

a:link {
box-shadow: none;
}
a:visited {
box-shadow: none;
}
a:hover {
box-shadow: none;
}

.post-navigation,
.post-navigation .post-title,
.post-navigation div + div {
    border-style: none;     /* お葬式みたいな線を潰す */
    font-size: 1.0rem;      /* 前や次が小さいのでまとめて同じ大きさに */
}
 
div.nav-next {
    text-align: right;                      /* 「次」は右寄せ */
}
 
.post-navigation a,
.post-navigation .meta-nav {
    padding: 0rem;                          /* 行間をつぶして狭く */
    line-height: 1;
    margin: 0rem;
}
 
nav.navigation {
border-top: medium solid #696969; /* 領域の上下に青線 */
    border-bottom: thin solid #696969;
    padding: 0.5rem 0;                      /* 線との距離 */
}

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 13px;
	line-height: 13px;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #696969; /* 通常の文字色 */
	background: #ffffff; /* 通常の背景色 */
}
.pagination a:hover{
	color: #696969; /* マウスホバー時の文字色 */
	background: #ffffff; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	color: #000000; /* 現在のページの文字色 */
        background: #ffffff; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;
}
.pagination .current{
	padding: 8px 10px 8px 10px;
}
}

/* ウィジェットタイトルの非表示、マージン調整　*/
.widget-title {
    display: none;
}
.widget {
    margin: 0 auto 5%;
}

/* コンタクトフォームカスタマイズ */
.wpcf7 {
	margin: 96px 0;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 2px solid #696969;
	font-size: 100%;
  font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               YuGothicM,        /* Windows8.1以上は游ゴシック */
               YuGothic,         /* Macの游ゴシック */
               Meiryo,           /* 游ゴシックが入っていないWindows */
               sans-serif;
	padding: 0.5em;
	border-radius: 0px;
	box-shadow: 0px 0px 0px rgba(0,0,0,.1) inset;
}

ctFormの送信ボタン大きさと色を変えCSS
.wpcf7 input[type="submit"] {
width:100%;
padding:15px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;
box-shadow: 0 3px 0 #ddd;
background: #98dd6c;
transition: 0.3s;
}
.wpcf7-submit:hover {
background: #a4dd6c;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}

.wpcf7 input[type="submit"] {
padding:8px;
border-radius:0px;
-webkit-border-radius: 0px;  
-moz-border-radius: 0px;
border: none;
background: #000000;
}
.wpcf7-submit:hover {
background: #696969;

}

/* 著者を非表示 */
i.fa.fa-user {
    display: none;
}

#main {padding: 40px 0px;margin-bottom: 0px;
}

.post img {
	-webkit-box-shadow: 1px 1px 2px 1px #a9a9a9;
	-moz-box-shadow: 1px 1px 2px 1px #a9a9a9;
	box-shadow: 1px 1px 2px 1px #a9a9a9;
}

/* 全投稿ページで非表示 */
.post .entry-title {
display: none;
}