/*
Theme Name: affingerhild
Template: affinger
*/
@import url('../affinger/style.css');

body {
    background-color: beige;
}


/* 画像リンクのマウスオーバーに透かし */
a:hover img {
    -moz-opacity: inherit;
    opacity: inherit;
}


/* 本文の文字の大きさを変更 */
/* 基本の文字 */
p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 781px) {
	p {
		font-size: 18px;
		line-height: 35px;
		margin-bottom: 30px;
	}

	h2 {
    	font-size: 24px;
    	line-height: 40px;
	}

	/* affibox右テキスト */
	.colum1 .rankst-r p {
		font-size: 16px !important;
	}
}



/*リストの文字の大きさ・アイコンを変更 */
.post ul {
	list-style-type: none;
	margin-bottom: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.post ul li {
	list-style-type: none;
	margin: 0px;
	padding-left: 30px;
	background-image: url(images/arrow_gray.png);
	background-repeat: no-repeat;
	background-position: left middle;

	font-size: 17px;
	line-height: 30px;
}
/* snsのリストを直す */
.sns .snsb li {
    padding-left: 0;
    background: none;
}




/* 記事下のタグ一覧を消す */
p.tagst {
    display: none;
}

/* ページナビを消す */
.p-navi {
    display: none;
}



/* 記事上の更新日時を消す */
div.blogbox {
    display: none;
}

/* 文字強調 */
.post span.big{
    font-weight: bold;
    background-color: pink;
}


.post span.red{
    color: red;
}

/* affi-box */
.post div.rankst-box {
    background-color: #fff7d4;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* h2 */
.post h2 {
    background-color: #ffefa7;
}
.post h2:after {
    border-top-color: #ffefa7;
}


/* h3 */
.post h3 {
    background-color: #ffefa7;
    padding-left: 15px;
    border-bottom: 4px red dotted !important;
    border-left: 4px red dotted !important;
}


/* h4 */
.post h4 {
    background-color: beige;
}





/* アフィリエイト用ミドリボタン */
.affi-button{
    width: 80%;
    margin: 30px auto;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;
}
.affi-button a{
    background-color: yellowgreen;
    width: 100%;
    padding: 20px 0px;
    color: white;
    font-weight: bold;
    display: block;
    text-align: center;
    border: 1px solid green;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 5px 5px 15px #5A5A5A;
}
.affi-button a:hover{
    opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
	-webkit-transition: 0.6s ;
	transition: 0.2s ;
	transform: translate3d(0, 3px, 0);
}