8@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く*/
html,body {
font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

body {
font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
background-size: 18px 18px;
margin: 0 auto;
background-color: #f7fcfe;
background-image: radial-gradient(#f0f0f0 15%, transparent 20%),
                  radial-gradient(#f0f0f0 15%, transparent 20%);
background-position: 0 0, 9px 9px;
}

p{font-size: 17px;color:#000;}


/* エントリーカード*/
/*トップページ記事一覧をフラットにする*/
.entry {
  margin:20px 0px 15px 0px;　
  width:auto;
  padding:20px;
  margin-bottom:12px;
  box-shadow: 0 0 18px #ddd;
}
 
.entry h2 {
    font-size:21px;
    line-height:120%;
    padding:0 5px;
}
 
.entry-snippet,.entry-read{
  display:none;
}
 
.home{
	border:none;
	padding:5px 5px;
}

.entry:hover{
 opacity:0.5 !important;
}

.entry-card-content {
height:130px;/*タイルの高さを揃える方法*/
}

.entry-card-content h2{
height:72px;/*タイルのタイトル部分だけをカスタマ*/
}


/*関連記事一覧をフラットにする*/
#main .related-entry {
    margin: 20px 0px 15px 0px;
    padding: 10px;
    margin-bottom: 12px;
    border: 1px solid #ccc !important;
}
 
.hover-card .related-entry:hover,
.hover-card .related-entry-thumbnail:hover{
 background-color: #FFE4E1 !important;
}

/*関連記事のカスタマイズ*/
.related-entry h3 {
  font-size:18px;
  color:#333;
}
 
.related-entry h3 a {
  font-size: inherit;
  color: inherit;
}

/*エントリーカードのタイトル下の日付やカテゴリ*/
.entry .post-meta{
	background-color:#fff;
	text-decoration:none !important;
}



@media screen and (max-width: 480px) {
.entry h2 {
    font-size:19px;
    padding:0 5px;
}
}


/* アイキャッチ画像を中央寄せ*/
.eye-catch { text-align: center; }

a:hover{
	opacity:0.5;
}

/*一覧2列の高さを揃える
#list {
	display: flex;
	flex-wrap: wrap;
	height: 400px;
}

#main .entry {
	margin: 4px;
}

.entry-large-thumb {
}

.entry-thumb img {
	width: 325px;
	height: 266px;
	margin-bottom: 6px;}

.entry-large-thumnail {
  display: block;
}

.entry .post-meta {
  font-size: 12px;
	margin: 4px -8px;
	padding: 0 8px;
}

.entry-card-content header h2{
	height:45px;
}

.entry-content {
    margin-bottom: 15px;
}

.entry-snippet {
  font-size: 11px;
	height: 68px;
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.entry-read {
  font-size: 12px;
 display: none;

}*/

/*ここまで*/



#page-top a{
	background-color:transparent;
}

#page-top a:hover {
	background-color:transparent;
}

/*サイドバー よく読まれている記事 */
#views-2 ul li img{
	display: block;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left:0;
	width: 75px;
	height: 75px;
	padding: 0 0 8px 0;
	border: none;
	clear:both;
}


/* 投稿日時は表示させない 
.post-date {
  display: none;
} */

.article .post-meta {
  display: none;
}

/* [記事を読む] */
.entry-read {
  display: none;
}

/* トップページ カテゴリ*/
.entry .post-meta {
    text-align: left;
    margin: 7px auto;
	padding: 2px;
	background-color:#f5f5dc;
	color: #778899;
	font-size: 13px;
	border-bottom:1px dashed #778899;
}


/* 文字 */
.b{font-weight:bold;}
.center {text-align:center;}

.red{ color: red;}
.blue{ color: #0000de;}
.cha1 { color: #4C2727;} 
.white{ color:#fff;}

.bg-color-cha1{
	 background-color: #4C2727;
}

.bg-color-blue1{
	background-color: #3F9E9A;}

/* 下線 */
.p_kasen01 {border-bottom: solid 1px #ff0000;}
.p_kasen02 {border-bottom: double 3px #ff0000;}
.p_kasen03 {border-bottom: dashed 1px #ff0000;}
.p_kasen04 {border-bottom: dotted 1px #ff0000;}

.wavy { background:url(img/wavy.gif) bottom repeat-x; }

.m_kasen01 {background: linear-gradient(transparent 60%, #ffff66 60%);}/*下線マーカー 黄色 */
.m_kasen02 {background:linear-gradient(transparent 60%, #F4B49C 60%);}/*下線マーカー ピンク */
.m_kasen03 {background:linear-gradient(transparent 60%, #99cccc 60%);}/*下線マーカー 水色 */
.m_kasen04 {background:linear-gradient(transparent 60%, #D0DD3E 60%);}/*下線マーカー 黄緑 */
.m_kasen05 {background:linear-gradient(transparent 60%, #FFC23F 60%);}/*下線マーカー 明るいオレンジ*/
.m_kasen06 {background:linear-gradient(transparent 80%, #ffff66 60%);}/*マーカー細 黄色*/
.m_kasen07 {background:linear-gradient(transparent 40%, #ffff66 60%);}


/* アイテム（可変） */
*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	font-size: 12px;
}

.col_4 > div{
	width: 25%;
	padding: 5px;
}

.col_4 > div.chart img{
	width: 200px;
	height:auto;
	padding: 0;
}

.col_4 > div.chart img.img-border{
	width: 1px;
	height: 1px;
	padding: 0;
}

div.chart a.chart-text {
	font-size:12px;
	text-decoration:none;
	border-bottom: 1px dashed #888;
	padding-bottom: 0;
	line-height: 90%;
}

/*投稿記事下に配置するおすすめ記事*/

ul.osusumekiji{
	text-align:left;
	margin:15px 0 0 0;
	border-bottom: 2px dashed #ddd;
}

ul.osusumekiji li{
	list-style-type:disc;
	margin:8px 0;
	text-decoration:none;
}

ul.osusumekiji li a {
	text-decoration:none;
	color: #0000de;
}

/* サイドバーのカテゴリ */
#categories-2 > ul > li:before {
  content: "\f058";
  font-family: fontawesome;
  margin-right: 10px;
	color: #333;
}

/*　子カテゴリー　アイコン表示　*/ 
#categories-2 ul > li > ul li:before {
  content: "\f068";
  font-family: fontawesome;
  margin-right: 10px;
  color: #555;
}

@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 50%;
	}
	
	#site-title {
		margin-top: 0;
		margin-bottom: 8px;
	}
	
	#site-title a{
		font-size: 19px!important;
		text-shadow:1px 2px 3px #808080;
		color:#fff;
	}
	
	#site-description{
		font-size: 15px!important;
		color:#000!important;
		line-height:1.0em!important;
		text-shadow:1px 2px 3px #fff;
		margin-top:0;
	}
}

/*おすすめ書籍（flex）*/
/*おすすめ書籍の見出し */
#sidebar #sidebar-widget #custom_html-2 h3 {
background:#008db7!important;
color:#fff;
padding: 12px;
}

#sidebar #sidebar-widget #custom_html-2 h3:after{
content: url('http://f1403008.raindrop.jp/amaoto/wp-content/uploads/2020/04/raindrop2.png');
margin-right:15px;/*アイコン右の余白*/
vertical-align:middle;
}

/*書籍横並び-Flex*/
#sidebar-widget #custom_html-2 .custom-html-widget .parent {
display: flex;
flex-direction: row;
flex-wrap: wrap;
letter-spacing: -1em; /* 文字間を詰める */
width:300px;
margin:0;
padding:0;

}

/* Flex子要素 */
#custom_html-2 .custom-html-widget .children {
padding:0;
margin:0;
display: inline;/* 横並び */
letter-spacing: normal; /* 文字間を元に戻す */
white-space: normal; /* 自動で折り返し(元に戻す) */
}

@media screen and (max-width: 550px) {
#custom_html-2 .custom-html-widget .parent {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
width: 100%;
}

#custom_html-2 .custom-html-widget .children {
display: inline;/* 横並び */
letter-spacing: normal; /* 文字間を元に戻す */
white-space: normal; /* 自動で折り返し(元に戻す) */
}
}

/*sns*/
#sns-group-top{
	margin-bottom: 15px;
}