/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20171010
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

a {
    text-decoration: none;
}

/*--------------------------------
トップページ
---------------------------------*/
div.t-con {
	background-image: url(http://moka-knit.com/wp-content/uploads/2017/10/conback1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*--------------------------------
見出し
---------------------------------*/
.entry-title, .post .entry-title {
    font-weight: normal;
	border-radius: 8px;
}

/* 新着一覧、関連記事タイトル */
.n-entry-t {
    margin-bottom: 20px;
}
.post h4:not(.st-css-no):not(.rankh4) .point-in, .cat-itiran p.point .point-in, .n-entry {
    border-radius: 5px;
}

/*--------------------------------
コンテンツ
---------------------------------*/
.blogbox {
    margin-bottom: 30px;
}

.entry-content {
    padding-bottom: 20px;
}

.post img {
    border-radius: 5px;
}

.post h2 {
    margin-top: 30px;
}

.post h4:not(.st-css-no2) {
    margin-top: 30px;
	padding: 7px 10px;
}


.post .topnews ul {
    list-style-type: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-bottom: 20px;
}

.post .topnews ul li {
    padding:5px;
    border-bottom: 1px dotted #ccc;
}

/*--------------------------------
カテゴリー表記
---------------------------------*/
.catname {
    border-radius: 7px;
}

/*--------------------------------
サイドバー
---------------------------------*/
/* ウィジェットタイトル */
#side aside h4 {
    padding: 7px 10px;
    background-color: #C985BA;
    border-radius: 5px;
}

#side aside h4 a {
    color: #fff;
}

/* アーカイブとカテゴリーのウィジェットに出る文字列を非表示する */
label.screen-reader-text {
	display: none;
}

/* 新着記事一覧ウィジェット */
#side aside .kanren {
    background: #fff;
    border-radius: 5px;
}

/* カテゴリーウィジェット */
#side aside ul li ul li { /* デフォルトのアイコンと余白を削除 */
	background: none;
	padding-left: 0;
}
#side aside li.cat-item a { /* リンク全体の装飾 */
	display: block;
	overflow: hidden;
	line-height: 2.4em; /* 行（ボックス）の高さ */
	text-decoration: none;
	vertical-align: middle;
	padding: 0 8px; /* 左右の余白 */
	color: #000; /* 文字色 */
	background: #FFCCDE; /* 背景色 */
	margin-bottom: 3px; /* 次のカテゴリーとの余白 */
}
#side aside li.cat-item a:hover { /* マウスオーバー時の設定 */
	background: #F8F8F8; /* 背景色 */
}

#side aside li.cat-item span { /* 記事数部分の装飾 */
	line-height: 1em;
	float: right; /* 右端に寄せる */
	margin: 6px 0 0 8px; /* 位置の調整 */
	padding: 4px 8px; /* 文字周りの余白 */
	border-radius: 4px; /* 角の丸み */
	color: #fff; /* 文字色 */
	background: #FF93B9; /* 背景色 */
}

#side aside .children li.cat-item a { /* サブカテゴリーリンク全体の装飾 */
	display: block;
	overflow: hidden;
	line-height: 2.4em; /* 行（ボックス）の高さ */
	text-decoration: none;
	vertical-align: middle;
	padding: 0 8px; /* 左右の余白 */
	color: #000; /* 文字色 */
	background: #faf3fa; /* 背景色 */
	margin-bottom: 3px; /* 次のカテゴリーとの余白 */
}

#side aside .children li.cat-item a:hover {
	background: #F8F8F8; /* 背景色 */
}

#side aside .children li.cat-item span { /* 記事数部分の装飾 */
	line-height: 1em;
	float: right; /* 右端に寄せる */
	margin: 6px 0 0 8px; /* 位置の調整 */
	padding: 4px 8px; /* 文字周りの余白 */
	border-radius: 4px; /* 角の丸み */
	color: #fff; /* 文字色 */
	background: #D7AAD1; /* 背景色 */
}

/*--------------------------------
フリーボックスウィジェット
---------------------------------*/
.freebox {
    border-radius: 5px;
}

.p-entry-f {
    border-radius: 5px 0 5px 0;
}


/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

header .smanone ul.menu li {
    width: 150px;
}

/*-- ここまで --*/
}