@charset "utf-8";
/* CSS Document */

/*----------------------------------*/
/*	全サイズ　共通　								*/
/*----------------------------------*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	margin:0;
	padding:0;
	line-height:1.5em;
}

#tumblr {

	height:200px;
	font-size:103%;
	overflow: auto;
	height: 100%;
	border:2px #c9c9c9 solid;
	margin:0 auto 1em;
	border-radius:1em;
	padding:2em;
	font-family: "Lucida Grande", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
}


.tumblr_blog li {
	margin-bottom:15px;
	list-style-type:none;
}

/*-- ● 投稿日 ------------*/
.tumblr_blog .blog_date {
	font-weight:normal;
	font-size:100%;
	margin-right:0.5em;
}

/*-- ● タイトル ------------*/
.tumblr_blog .tmbl_ttl {
	font-weight:normal;
	color:#a8a8d4;
	margin-bottom:0px;
}

.tumblr_blog .tmbl_ttl a {
	color:#a8a8d4;
}

.tumblr_blog .tmbl_ttl a:hover {
	color:#ff576d;
}

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

/*-- 新着につける NEW アイコン　タイプ２ ------------*/
.tumblr_blog .tmbl_new_icon02 {
	margin-right: 1em;
	font-size:90%;
	color:#f00;
}

/*-- ● 本文内 ------------*/
.tumblr_blog .tmble_cts {
	background-color:rgba(0,0,0,0.05);
	vertical-align:top;
	padding:2px 1em;
	border-radius: 10px;
	line-height:160%;
	margin-top:8px;
}

.tumblr_blog .tmble_cts img {
	margin-right:5px;
	margin-bottom:5px;
}

/*
.tmble_cts img.width-remove{
	width:auto;
}
*/

#tumblr .tmble_cts p {	/* タンブラーで記事を作成する際に改行すると入る　ｐ */
	clear: both;
	vertical-align:top;
	margin:10px 0px;
}

#tumblr a {
	outline: none;
	color: #a8a8d4;
}

#tumblr a:hover {
	outline: none;
	color:#ff576d;
}

.tumblr_blog .tmble_cts h2 {	/* タンブラーで記事を作成する際の文字装飾　ｈ　のとき */
	clear: both;
	text-align:left;
	font-size:108%;
	color:#ff576d;
	margin:8px;
}

.tumblr_blog .tmble_cts b {	/* タンブラーで記事を作成する際の文字装飾　ｂ　のとき */
	font-size:105%;
	color:#C42259;
	font-weight:bold;
}

.tumblr_blog .tmble_cts i {	/* タンブラーで記事を作成する際の文字装飾　ｉ　のとき */
	font-size:105%;
	font-weight:bold;
	color:#8C417C;
	font-style: normal;
}


/*----------------------------------*/
/*	特大サイズ　										*/
/*----------------------------------*/
@media all and (min-width:1400px){
	
	#tumblr { width:60%; }
	
/*
	.tumblr_blog .tmble_cts img {
		width:30%;
	}
*/

}

/*----------------------------------*/
/*	大サイズ												*/
/*----------------------------------*/
@media all and (min-width:920px) and (max-width:1399px){
	
	#tumblr { width:70%; }
	
/*
	.tumblr_blog .tmble_cts img {
		width:70%;
	}
*/

}

/*----------------------------------*/
/*	中間サイズ												*/
/*----------------------------------*/
@media all and (min-width:681px) and (max-width:919px){
	
	#tumblr { margin-top:1em; width:80%; }
	

/*
	.tumblr_blog .tmble_cts img {
		width:80%;
	}
*/

}


/*----------------------------------*/
/*	スマホサイズ										*/
/*----------------------------------*/
@media all and (max-width:680px){
	
	#tumblr {
		margin-top:1em;
		width:95%;
		height: 350px;
	}

	.tumblr_blog .tmble_cts img {
		width:100%;
	}

}