/* ===========================
共通
============================*/
.tmbl_div {
	margin-top:0;
	padding-top:0;
	height:400px;
}

#tumblr {
	width:100%;	/* ブロック横幅 */ 
	height:100%;　/* ブロック縦幅 */ 
	overflow: auto;   /* スクロール表示 */ 

	/* 上記でもスクロールが表示されない場合は、上記oveflow指定をhtmlのtumblr部分に直接書く（参考：埼玉国際） */
 
	padding:0;
	font-size:105%;
	line-height:1.4rem;
}


#tumblr .one_cnt{
	border-bottom:1px dotted;	
	margin-bottom:0.7rem;
}

#tumblr img{
	width:90%;	/* 画像あり投稿の場合のサムネイルサイズ */
	max-width:600px;
}

#tumblr strong{
	color:red;	/* tumblr側で太字にした場合に、サイト側で何色にするかの設定 */
	font-size:110%;
}

#tumblr .post{
	color:#2C7F00;
	font-weight:bold;	/* 日付とタイトル */ 
	list-style:none;
	text-align:left;
	margin-bottom:0.3rem;
}

#tumblr a{
	color:#2C7F00;	/* タイトル */ 
}

#tumblr a:hover{
	color:#FF7600;	/* タイトル */ 
}

#tumblr .post_c{		/* 本文 */ 
	line-height:1.4rem;
	text-align:left;
	margin-left:1rem;
	padding-bottom:0.5rem;
}


/*-- 新着につける NEW アイコン　タイプ１ ------------*/
#tumblr .tmbl_new_icon {
	margin: 0 0.5rem;
	font-size:80%;
	background-color:#f00;
	color:#fff;
	padding:2px 0.5em 1px;
	border-radius: 6px;
	line-height:100%;
}

/*-- 新着につける NEW アイコン　タイプ２ ------------*/
#tumblr .tmbl_new_icon02 {
	margin: 0 0.5rem;
	font-size:90%;
	color:#f00;
}

/* ===========================
PC用
============================*/
@media screen and (min-width: 920px){

	#tumblr {
		margin-right:5%;
	}

}

/* ===========================
タブレット用
============================*/
@media screen and (min-width:671px) and (max-width:919px){

	#tumblr {
		margin-right:5%;
	}

}

/* ===========================
スマホ用
============================*/
@media screen and (max-width:670px){

	#tumblr {
	}

}