@charset "utf-8";

/*
Theme Name: Lolipop
Theme URI:http://creatorclip.info/
Description:Material Design
Author:とくめい
Version:3.0
*/

/**********************************
	ヘッダー
**********************************/
header .inner h1 {
	font-size:2em;
}

header .navBtn {
	top:-5px;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
}
.searchBtn {
	top:1em;
	right:1.5em;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

.menuOff {
	top:72px;
}


/**********************************
	コンテンツ
**********************************/

/* パンくずリスト */
#breadcrumbList {
	padding-top:90px;
}

/* 見出し */
#main article.entry h2,
#main article.entry h3 {
	margin-left:-6%;
	margin-right:-6%;
}



/**********************************
	サイドバー
**********************************/
#main, #side {
	float:none;
	width:auto;
}

/* フォロー */
#side #follow li {
	width:23%;
}
#side #follow li.twitter,
#side #follow li.facebook,
#side #follow li.rss {
	margin-right:2.666%;
}

/* カテゴリ/アーカイブ */
#side #categories-2 {
	float:left;
	width:48%;
}
#side #archives-2 {
	float:right;
	width:48%;
}

/* タグクラウド */
#side #tag_cloud-2 {
	clear:both;
}

/* 人気記事 */
#side #wpp-2 div {
	overflow:hidden;
	border:1px dotted #ccc;
}
#side #wpp-2 dl {
	float:left;
	width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#side #wpp-2 dl:nth-child(odd) {
	clear:both;
	border-right:1px dotted #ccc;
}
#side #wpp-2 dl:last-child {
	border-bottom:none;
}

@media screen and (max-width: 640px) {
	
	/* サイドメニュー */
	header .menuOff {
		width:50%;
	}
		
	/* 続きを読む */
	#main article .moreBtn {
		font-size:50%;
	}
		
	/*シェア*/
	#main article #share ul li {
		width:33.333%;
	}

	/* 関連記事 */
	#main article.entry #relatedPost dl {
		float:none;
		clear:none;
		width:100%;
		margin-right:0px;
	}

	/* フォロー */
	#side #follow li {
		width:49%;
	}
	#side #follow li.twitter,
	#side #follow li.rss {
		margin-right:2%;
	}
	#side #follow li.facebook {
		margin-right:0px;
	}
}