@charset "utf-8";

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

/* リセット */
#contents #main article.postList,
#side #follow li,
#side #categories-2,
#side #archives-2 {
	float:none;
	width:auto;
	margin-right:0 !important;
}

.single #contents,
.page #contents {
	width:100%;
}

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

header .navBtn {
    top: -0.5em;
    left: 0.5em;
    transform: scale(0.5);
}
header .searchBtn {
    top: 0.7em;
    right: 1em;
    transform: scale(0.5);
}


/* サイドメニュー */
header .menuOff {
	top:70px;
	width:70%;
}

/**********************************
	コンテンツ
**********************************/
/* パンくずリスト */
#breadcrumbList {
	padding-top:70px;
}

#main .pcBnr {
	display:none;
}
#main .spBnr {
	display:block;
}

#main article.entry .postInner {
	padding:1em;
}

#main article.entry .postMeta,
#main article.entry .shareLink {
	float:none;
	width:auto;
}

/* 見出し */
#contents #main article.entry h1 {
	font-size:1.4em;
}
#contents #main article.entry h2,
#contents #main article.entry h3 {
	margin-left:-4%;
	margin-right:-4%;
	padding-left:0.5em;
	padding-right:0.5em;
}

#main article.entry #author dt,
#main article.entry #author dd {
	float:none;
	display:block;
}
#main article.entry #author dt {
	display:block;
	margin:0 auto 20px;
	padding-right:0;
}

/*シェア*/
#main article #share ul li {
	width:50%;
	margin: 0 0 5%;
}

/* ページャー */
#main article.postList + #pager ul li.current,
#main article.postList + #pager ul li a,
#main article.entry #pager ul li a {
	font-size:70%;
}
#main article.postList + #pager ul li a i {
	display:none;
}
#main article.entry + #pager ul li {
	display:block;
}
#main article.entry + #pager ul li.prev,
#main article.entry + #pager ul li.next {
	width:100%;
	margin-bottom:0.5em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/**********************************
	サイドバー
**********************************/
.single #side,
.page #side {
	width:92%;
	margin:0 auto;
}
#side .adsense {
	margin-top:30px;
}
#side #wpp-2 dl {
	float:none;
	width:auto;
}
#side #wpp-2 dl:nth-child(odd) {
	border-right:none;
}

@media screen and (max-width: 320px) {
	.single #main article ul.btnList li a:before {
		display:none;
	}
}