/*
Theme Name: blossom-wp
Theme URL: design-blossom.com/
Description: サンプルテーマ
Version: 1.0
Author: cherry
Authour URL: design-blossom.com/
*/
 
body{
	width: 1100px;
	margin: 0 auto;
}
 
/*navigation*/
 
#head-title a{
color: #777777;
	text-decoration: none;
}
 
#menu-menu-1{
	display: flex;
	background-color: #f5f5f5;
}
 
#menu-menu-1 li{
	margin-right: 50px;
	list-style-type: none;
	position: relative;
}
 
#menu-menu-1 li a{
	font-size: 18px;
	color: #777777;
	font-weight: bold;
}
 
#menu-menu-1 li ul{
	display: none;
	position: absolute;
	background-color: #f5f5f5;
}
 
#menu-menu-1 li:hover > ul{
	display: block;
}
 
 
/*main*/
 
#main-body{
	display: flex;
}
 
#main-body-left{
	width: 70%;
}
 
.blogcard{
	display: flex;
	margin: 10px;
}
 
.posts{
	padding: 0 20px;
}
 
.posts h2{
	margin-top: 0;
}
 
.posts h2 a{
	color: #777777;
	text-decoration: none;
}
 
 
#prenext{
	display: flex;
	justify-content: space-between;
	margin: 30px;
}
 
 
#prenext a{
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}
 
/*sidebar*/
 
#main-body-right ul li{
	list-style-type: none;
}
 
/*footer*/
 
footer{
	position: absolute; /*2記事だとfooterが上がってきてしまうため*/
	bottom: 0;
	width: inherit;
    　　background-color: #f5f5f5;
	text-align: center;
}