/* 初期設定
===================================*/

*{margin:0;	padding:0;}
.cl{clear:both;}

a{outline:none;color:#231815;}
a:visited,a:link{outline:none;color:#231815; text-decoration:none;}
a:hover{outline:none;color:#999;}

img{border:none;}

body{
	font-family:Trebuchet MS,Geneva,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	text-align:center;
	color:#231815;
}
	

/*---------------------------------*/

#wrap{
	width:100%;
	max-width:880px;
	margin:0 auto;
	text-align:left;
}

/* Header
===================================*/


.entry-header, .entry-content, .entry-summary, .entry-meta {
	width: 100%;
	max-width: 480px!important;
}


#wrapHeader{
	margin:35px 0 0px 0;
	text-align:center;
}

#wrapHeader ul{
	background:url(../img/bg_menu.jpg) repeat-x;
	height:55px;
	clear:both;
	margin:35px 0 0px 0;
}

#wrapHeader ul li{
	float:left;
	list-style:none;
}

#wrapHeader ul li a{
	display:block;
	height:14px;
}

#nv01{
	margin: 15px 0px 0 110px;
}
#nv02{
	margin: 15px 0px 0 250px;
}
#nv03{
	margin: 15px 0px 0 230px;
}

#pan{
	font-size:11px;
	margin-top:20px;
}


#wrapHeaderstyle {
margin: 35px 0 0px 0;
padding-bottom: 35px;
text-align: left;
border-bottom: #666 1px solid;
position: relative;
}

#wrapHeaderstyle h2 {
position: absolute;
bottom: -43px;
right: 125px;
}


/* Footer
===================================*/


#copy{
	font-size:9px;
	padding:50px 0 50px 0;
}


/* Side
===================================*/

#wrapSide{
	width:100%;
	max-width:205px;
	float:right;
	margin:80px 0 0 0;
}

#wrapSide h2{
	margin:0 0 10px 0;
}

#wrapSide ul{
	border-top:#666 1px solid;
	margin:0 0 60px 0;
}
#wrapSide ul li{
	font-size:12px;
	list-style:none;
	margin-top:10px;
}

#wrapAdd{
	font-size:9px;
	border-bottom:#666 1px solid;
}

#wrapAdd h2{
	padding:45px 0 0 0;
	border-top:#666 1px solid;
}


#wrapAdd h3{
	font-weight:normal;
}
#wrapAdd h3 strong{
	font-weight:normal;
	display:block;
	margin:20px 0 20px 0;
}

#wrapAdd h4{
	font-weight:normal;
	display:block;
	margin:0px 0 45px 0;
}



/* Search
-----------------------------------*/

#wrapSearch{
	border-bottom:#666 1px solid;
	border-top:#666 1px solid;
	margin:0 0 60px 0;
}

.searchField{
	border:none;
	margin:5px 0;
	padding:5px 10px;
}
.searchSubmit{
	/*background:url(../img/icn_search.jpg) no-repeat;*/
	width:17px;
	height:17px;
	border:none;
}

#searchword{
	font-size:15px;
	margin-bottom:50px;
	
}


/* Contets
===================================*/

#wrapContets{
	width:100%;
	max-width: 640px;
	float: left;
	margin: 10px 0 0 0px;
}

.wrapPosts{
	clear:both;
	margin-bottom:40px;
	float:left;
	width:100%;
	max-width:640px;
}
.single .wrapPosts{
	margin-top: 60px;
}

.wrapPosts h3{
	float:left;
	width:100%;
	max-width:150px;
	/*height:150px;*/
	height: auto;
	border:1px #CCC solid;
	text-align:center;
	background-position:center center;
	background-size:cover;
}

.wrapPosts h3 a{
	display:block;
	width:100%;
	max-width:150px;
	/*height:150px;*/
	height: auto;
	overflow:hidden;
	text-align:center;
	text-indent:-9999px;
}

.wrapPosts h3 a img{
	margin:0 auto;
	display:block;
}

.posts{
	width:100%;
	max-width:300px;
	float:right;
	padding-bottom:10px;
	border-bottom:#666 1px solid;
}

.posts h2{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:normal;
	font-size:15px;
	border-bottom:#666 1px solid;
	line-height:15px;
	margin-bottom:15px;
	padding-bottom:15px;
}

.post h2{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:normal;
	font-size:15px;
	border-bottom:#666 1px solid;
	line-height:15px;
	margin-bottom:15px;
	padding-bottom:15px;
}

.post h4{
	font-weight:normal;
	font-size:9px;
	margin-bottom:15px;
}



.posts p{
	font-size:12px;
	line-height:17px;
	margin-bottom:25px;
}

.post p{
	font-size:12px;
	line-height:22px;
	margin-bottom:25px;
	overflow:hidden;
}


.icnStrato{background:url(https://blog.stratobee.com/blog/common/img/icn_strato.jpg) no-repeat left;}
.icnStratobee{background:url(https://blog.stratobee.com/blog/common/img/icn_stratobee.jpg) no-repeat left;}
.icnSaro{background:url(https://blog.stratobee.com/blog/common/img/icn_saro.jpg) no-repeat left;}
.icnAll{background:url(https://blog.stratobee.com/blog/common/img/icn_all.jpg) no-repeat left;}

.icnStrato,
.icnStratobee,
.icnSaro,
.icnAll{
	padding-left:20px;
	font-size:10px;
	line-height:15px;
	float:left;
}




.post .icnStrato,
.post .icnStratobee,
.post .icnSaro,
.post .icnAll{
	margin-left:20px;
}


.readStrato{background:#5EC0C6;}
.readStratobee{background:#AFD152;}
.readSaro{background:#EC6D81;}
.readAll{background:#7D7D7D;}


#read{
	float:right;
	font-size:10px;
	line-height:15px;
}

#readpost{
	float:left;
	font-size:10px;
	line-height:15px;
	width:100%;
	max-width:80px;
}

#read span{
	color:#FFF;
	display:block;
	float:right;
	width:100%;
	max-width:80px;
	text-align:center;
}


#readpost span{
	color:#FFF;
	display:block;
	width:80px;
	text-align:center;
}

#read em{
	background:#000;
	color:#FFF;
	font-style:normal;
	display:block;
	float:right;
	width:100%;
	max-width:70px;
	text-align:center;
}

#readpost span a,
#read span a,
#read em a{
	width:100%;
	height:100%;
	display:block;
}

#readpost span a:visited,
#read span a:visited,
#read em a:visited,
#readpost span a:link,
#read span a:link,
#read em a:link,
#readpost span a:hover,
#read span a:hover,
#read em a:hover{
	color:#FFF;
}


.alignleft{
	float:left;
	margin-right:15px;
}



/* 404
===================================*/

.notfound h2{
	font-size:15px;
	margin-bottom:20px;
}

.notfound p{
	font-size:12px;
}

.notfound p strong{
	display:block;
	margin-top:20px;
	margin-bottom:5px;
}



/* SNS
===================================*/

.wp_social_bookmarking_light div{
	float:left;
	margin-right:15px;
}




/* Pagenavi
===================================*/

.wp_social_bookmarking_light{
	padding-top:30px;
}

.wp-pagenavi{
	clear:both;
	padding:50px 0;
	font-size:12px;
	text-align:center;
}


.wp-pagenavi .pages{
	padding-right:30px;
}

.wp-pagenavi .larger,
.wp-pagenavi .smaller{
	padding-right:10px;
}

.wp-pagenavi .current{
	color:#231815;
	padding-right:10px;
	font-weight:bold;
}

.wp-pagenavi a:visited,
.wp-pagenavi a:link{
	color:#666;
	text-decoration:none;
}
.wp-pagenavi a:hover{
	color:#231815;
	text-decoration:none;
}

#btn_next{
	float:right;
	color:#666;
	font-size:12px;
	padding-top:30px;
}

#btn_pre{
	float:left;
	color:#666;
	font-size:12px;
	padding-top:30px;
}


.post h1{
font-family: Trebuchet MS,Geneva,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" !important;
font-size: 13px !important;
line-height: 15px !important;
padding: 0px 0px 15px 0px !important;
margin-bottom: 15px !important;
font-weight: bold !important;
border-bottom: #231815 1px dotted !important;
}
.entry-title h1{
font-size: 13px !important;
line-height: 15px !important;
padding: 0px 0px 15px 0px !important;
margin-bottom: 15px !important;
font-weight: bold !important;
border-bottom: #231815 1px dotted !important;
}

.post h2{
font-family: Trebuchet MS,Geneva,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" !important;
font-size: 13px !important;
line-height: 15px !important;
padding: 0px 0px 15px 0px !important;
margin-bottom: 15px !important;
font-weight: bold !important;
border-bottom: #231815 1px dotted !important;
}