@charset "utf-8";
/*
Theme Name: kosodatebaby
Theme URI: http://kosodatebaby.com/
Description: 子育てbabyオリジナルテーマ
*/
/*
ベース緑
color: #acd598
リンク水色
color: #009fe9;
リンク緑
color: #4aaf7e;
グレー文字
color: #777;
*/




/*-------------
 基本
-------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
  margin:0;
  padding:0;
}

body   {
  -webkit-text-size-adjust: 100%;/*iphone用文字崩れ防止※文字サイズを自動調整しない設定*/
  background: #FFF;
  font-family: " メイリオ",Meiryo,Osaka," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color: #4C3742;
  margin: 0;
  padding: 0;
  height:100%;
}
  
img    {
  border:0;
  vertical-align: top;
  max-width: 100%;
  height:auto;
}

a:hover img{
opacity:0.8;
}

a  {
  outline: none;
  color: #4aaf7e;
}

a:hover{
text-decoration: none;
}

.fleft{
  float: left;
}

.fright{
    float: right;
}

ul{
  list-style: none;
  margin-left: 10px;
}

ol{
  margin-left: 50px;
}

.aligncenter  {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

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

.alignright  {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.wp-caption  {
    border: solid 1px #aaaaaa;
    text-align: center;
    padding-top: 5px;
}

/* clearfix floatによるレイアウト崩れの防止*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
  

/*-------------
ヘッダー
-------------*/
header  {
  background: url(images/bg_header.png) repeat-x 0 0;
  width: 100%;
  margin-bottom: 80px;
}

#header-inner{
  width: 1150px;
  height: 160px;
  margin: 0 auto;
 }

header h1 {
  color: #009fe9;
  padding-top: 3px;
  font-size: 0.75em;
  float:right;
}

#logo img{
  clear: both;
  float: left;
  margin: 10px 0 50px 0;
}

/*-- ヘッダーナビ --*/
nav {
  clear:both;
}

nav ul#menu-nav{
 display: flex;/*横並びにする*/
	margin: 0;
	padding: 0;
}

nav ul li{
  z-index: 1;
  margin-right: 10px;
}

nav ul li a{
  display: block;
  color: #009fe9;
  text-align: center;
  text-decoration: none;
	width: 150px;
  height: 45px;
}

nav ul li a:hover,
nav ul li .current{
  color: #e4007f;
}

nav ul li ul.sub-menu {
	display: none;/*表示しない*/
	 position: absolute;/*絶対位置: ナビのレイアウト崩れを防ぐ*/
}

nav ul li:hover ul.sub-menu{
  display: block;
}

nav ul li ul.sub-menu li{
  float: none;
}

nav ul li ul.sub-menu li a{
	height: 95%;
	border-top: dotted 1px #FFF;
  background: #327dd9;
  font-size: 0.875em;
  color: #FFF;
  padding: 10px 5px;
  margin: 0;
	text-align: left;
}
    
nav ul li ul.sub-menu li a:hover,
nav ul li ul.sub-menu li .current {
    background: #5799e8;
    color: #FFF;
}

/*---- ぱんくず --------*/
#breadcrumb {
	clear: both;
	font-size: 0.875em;
	color: #777;
  padding: 0 0 5px;
  margin: 0;
}

div#breadcrumb div {
  display: inline;
}

div#breadcrumb a{
	color: #777;
  }

/*--------------------------
コンテナ
--------------------------*/

div#container  {
  clear: both;
  width: 1150px;
  margin: auto;
  margin-bottom: 20px;
  font-size: 1em;
}


/*--------------------------
コンテンツ
--------------------------*/

#contents{
  clear: both;
  float: left;
  width: 835px;
  line-height: 200%;
  margin-bottom: 20px;
}

/*--- ソーシャルボタン ---*/
.share{
  width:100%;
  padding-bottom:10px;
}
.share h4{
  font-size:1.25em;
  text-align:center;
}

.sns{
  margin:0 auto;
  text-align:center;
  
}
.sns ul {
  margin:0 auto;
}

.sns li {
  width:130px;
  margin:0 3px 10px 0;
  float:left;
}

.sns li a {
  font-size:0.75em;
  position:relative;
  display:block;
  padding:5px 2px;
  color:#FFF;
  border-radius:6px;
  text-align:center;
  text-decoration: none;
}

.sns li a:hover {
	transform: translate3d(0px, 5px, 1px);/*ベンダープレフィックス不要*/
  box-shadow:none;
}

/* ツイッター */
.sns .twitter a {
  background:#00acee;
}
.sns  .twitter a:hover {
  background:#0092ca;
}

/* Facebook */
.sns  .facebook a {
  background:#3b5998;
}
.sns .facebook a:hover {
  background:#2c4373;
}

/* グーグル */
.sns .googleplus a {
  background:#db4a39;
}
.sns  .googleplus a:hover {
  background:#ad3a2d;
}

/* はてぶ */
.sns  .hatebu a {
  background:#5d8ac1;
}
.sns .hatebu a:hover {
  background:#43638b;
}

/* Pocket */
.sns  .pocket a {
  background:#f03e51;
}
.sns  .pocket a:hover {
  background:#c0392b;
}

/* Feedly */
.sns  li.feedly{
margin-right:-5px;
  }

.sns  .feedly a {
  background:#87c040;
}
.sns  .feedly a:hover {
  background:#74a436;
}


/*-----------------------------
HOME
-----------------------------*/
#wrap{
  clear: both;
  float:left;
  width: 1150px;
  line-height: 200%;
  margin-bottom: 20px;
  }
  
.top-blog{
  display: flex; /*カラムを横並び*/
  flex-wrap: wrap;/*折り返す*/
  }

.top-blog .card a{
  text-decoration: none;
  }

.card {
	width: 350px;
  margin: 30px 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}  

.card-img{
	text-align: center;
}

.card-img img{
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
	transition: all 0.6s ease;/*エフェクトゆっくり回転*/
}

.card-img img:hover {
	transform: rotateY(180deg); /*エフェクト180度回転*/
	opacity: 0.6;
}

.card-content {
  padding: 20px;
}

.card-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}

 a h2.card-title{
  color: #333;
  }

 a:hover h2.card-title{
opacity: 0.6;
}

.card-text {
  font-size: 14px;
  line-height: 1.5;
}

a div.card-text{
  color: #777;
  }

 a:hover div.card-text{
opacity: 0.6;
}


/*-----------------------------
ページ
-----------------------------*/
.koukaibi{
	font-size: 0.875em;
	color: #777;
}

.postcat{
	text-align: right;
	font-size: 0.875em;
	color: #777;
	margin-right: 10px;
  }

.postcat a{
  color: #777;
  }

.fa-clock-o{
  margin-right: 5px;
  }

.fa-tag{
  margin-right: 10px;
	color: #777;
  }

.fa-tag a{
	color: #777;
  }

/*-- タグ --*/

.single_tag{
  color: #777;
  margin-right: 10px;
  }


/*------- 画像くりぬき -------*/
.post .entry img {
  width: 150px;
  border-radius: 150px;
}

.post h1{
  clear: both;
  background:url(images/h1.png) repeat-x  left bottom;
  font-size: 1.75em;
	font-family: "Rounded Mplus 1c";
  padding: 0 10px 20px 10px;
  margin: 15px 0;
}

#search h2{
  margin-top: 0px;
}

.post h2{
  clear: both;
  background:url(images/h2-blog.png) no-repeat 0 0;
	font-family: "Rounded Mplus 1c";
	color: #6f445a;
  border-bottom: 3px double #7f9f3b;
  padding: 8px 0 5px 55px;
  margin: 50px 0 15px 0;
}

.cat-ichiran h2{
  margin-top: -10px;
  }

.post h3{
  clear: both;
  background:#e6f3cb url(images/h3.png) no-repeat left center;
	color: #7f9f3b;
	font-family: "Rounded Mplus 1c";
  margin: 20px 10px;
  padding: 10px 10px 5px 25px;
  border-radius: 10px;
}

.post h4{
  clear: both;
  color:#7f9f3b;
  border-bottom: dotted 2px #7f9f3b;
  margin: 20px 10px 10px 10px;
  padding-left: 10px;
}
  
.post p{
  line-height: 1.8;
  padding: 0 0 0 10px;
  margin-bottom: 25px;
}

div.box{
  background-color: #FFF;
  padding: 20px 15px;
  margin: 10px auto;
  position:relative;
}

/*-----------------------------
カテゴリー&タグページ
-----------------------------*/

.tag a,
.category a{
  text-decoration: none;
}

.tag .attachment-post-thumbnail,
.category .attachment-post-thumbnail{
  float: left;
  margin: 0 20px;
}

.tag .cat_text,
.category .cat_text{
  margin-right: 20px;
  color: #4c3742;
}

.tag .more,
.category .more{
  color: #acd598;
}

.category .box{
  border: dotted 2px #acd598;
  padding: 20px 15px;
  margin: 10px auto;
  position:relative;
  }

.cat_more{
  background: #acd598;
  color: #FFF;
  position: absolute;
  right: 20px;
  bottom: 15px;
  padding: 3px 15px;
  border-radius: 5px;
  }

a .cat_more{
  color: #FFF;
  }

a:hover .cat_more{
  opacity: 0.8;
  }

/*-- ページネーション --*/
p.pagenation  {
  color: #80c269;
  overflow: hidden;
  margin: 15px 0;
}

p.pagenation span.oldpage  {
  float: left;
}


p.pagenation span.newpage  {
  float: right;
}

/*-- ページナビ カテゴリー --*/

.wp-pagenavi{
  margin: 25px auto;
  text-align:center;
}


.pages{
  margin-right: 10px;
  padding: 3px 10px;
  background: #acd598;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

.wp-pagenavi a{
  text-decoration: none;
  margin-right: 8px;
  padding: 3px 10px;
  background: #acd598;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

.wp-pagenavi a:hover{
  border: solid 1px #80c269;
  background: #FFF;
  color: #80c269;
}

.wp-pagenavi .current{
  padding: 0 8px;
  }


/*-------- カテゴリーページ離乳食 --------*/
.rinyushoku_meyasu{
  width: 45%;
  background: #fffbce;
  border-radius: 10px;
  margin: 10px 20px;
	padding: 5px 15px;
}

.rinyushoku_meyasu_title{
  color: #ea68a2;
  font-weight: bold;
  border-bottom: dotted 2px #ea68a2;
  margin-bottom: 5px;
  padding-left: 8px;
}

/*-------- ベビー服 --------*/

.clothes{
  float: left;
  margin:0 20px;
  }

.clothes_txt{
  overflow:hidden;
  line-height: 1.8;
  }

.img_fleft{
  float: left;
  margin:0 20px 10px 20px;
  }

.img_fleft_txt{
  overflow:hidden;
  line-height: 1.8;
  }


/* カテゴリー共通　PC限定 */

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

.wrap-not{
  overflow:hidden;
  }

.amazonlink{
  float:left;
  }


/*----------------------------- 
アドセンス 
-----------------------------*/

.ads_center{
  text-align: center;
}

.sponsor{
  margin-left:70px;
  }

/*----------------------------- 
404ページ 
-----------------------------*/

#notfound .notfound-title{
  font-size: 2em;
  font-weight: bold;
  }

#notfound .searchform{
  padding-bottom: 0px;
  position: relative;
  width: 300px;
}

#notfound .s{
  width: 100%;
  height: 32px;
  font-size: 14px;
  border: solid 1px #4c3742;
  z-index: 1;
  padding: 5px;
   box-sizing: border-box;
}

#notfound .searchsubmit{
  background-color: #4c3742;
  position: absolute;
  width: 50px;
  height: 32px;
   right: 0px;
  top: 0px;
  z-index: 2;
}
*:first-child + html #searchsubmit {/*IE7用の設定*/
  top: 1px;
}

/*----------------------------------------------------
サイドバー
----------------------------------------------------*/

aside {
  float: right;
  width:300px;
  font-size: 0.875em;
  margin-bottom: 10px;
}

h2.widgettitle,
.yarpp-related-widget h3{
  clear: both;
  background: url(images/h1.png) repeat-x  left bottom;
  font-family: "Rounded Mplus 1c";
  padding: 15px 8px 10px 8px;
  margin: 30px 0 10px 0;
}

aside #newpostcatch-2 img,
aside #wpp-2 img{
  width: 100px;
  border-radius: 100px;
} 

.popular-posts,
.widget_newpostcatch,
.widget_categories{
  background:url(images/side_utinoko_bg.png) repeat left top;
  border-radius: 10px;
  padding: 0 10px 10px 10px;
  margin: 15px 0;
  }

.popular-posts ul li,
.widget_newpostcatch ul li{
	border-bottom: dotted 2px #80c269;
  padding: 5px 0;
  height:100%;
  }

#text-9{/*うちの子*/
  background: #FFF;
  }

 li.widget ul.wpp-list,/*人気記事*/
ul#npcatch,/*新しい記事*/
.widget_categories ul{
  background: #FFF;
  padding: 8px;
  margin: 0 ;
}

#text-9 .textwidget{
text-align: center;
  }

 li.widget ul{
  padding: 8px;
  margin: 0 0 20px 0;
}

aside a{
   color: #006835;
}



/*----- 検索フォーム --------*/
aside .searchform {
  padding-bottom: 0px;
  position: relative;
  width: 100%;
}

aside #search-2 .s {
  height: 33px;
  color: #333;
  font-size: 14px;
  border-radius: 0;
  border: none;
  background-color: #acd598;
  z-index: 1;
  padding: 5px 65px 10px 5px;
  width: 100%;
  box-sizing: border-box;
}

aside #search-2 .searchsubmit {
  border-radius: 0;
  background-color: #acd598;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 32px;
  z-index: 2;
}
*:first-child + html #searchsubmit {/*IE7用の設定*/
  top: 1px;
}

/*----- 検索結果 --------*/
#search a{
  text-decoration: none;
}

#search .attachment-post-thumbnail{
  float: left;
  margin: 0 20px;
}

#search .search-text{
  margin-right: 20px;
  color: #4c3742;
}

#search .more{
  color: #a92269;
}

#search .box{
  background-color: #FFF;
  border: dotted 2px #80c269;
  padding: 20px 15px;
  margin: 10px auto;
  position:relative;
  }

#search-more{
  background: #acd598;
  color: #FFF;
  position: absolute;
  right: 20px;
  bottom: 15px;
  padding: 3px 15px;
  border-radius: 5px;
  }

a .search-more{
  color: #FFF;
  }

/*----- ソーシャルボタン　-----*/
ul.side-sns{
  margin:0 auto;
}

ul.side-sns li {
  margin:0 15px 10px 0;
  float:left;
}


/*-------------
フッター
-------------*/
footer  {
  clear: both;
  background: url(images/footer.png) repeat-x 0 0;
}

#footer_inner{
  width: 1150px;
	padding: 30px 20px 10px 20px;
	margin: 0 auto;
}

footer .tag-cloud{
  float: left;
  width: 300px;
  background: #FFF;
  border-radius: 10px;
  padding: 10px;
  margin:10px 0;
  }

footer h2{
  background:url(images/h1.png) repeat-x  left bottom;
  padding: 10px 8px;
  margin: 0;
}

.tw-timeline{
  margin-left: auto;
  width: 300px;
  padding-top: 20px; 
  }

#footer-nav a{
  color: #FFF;
}

.descr{
  font-size: 0.75em;
  text-align:center;
  color: #fff;
}

.copyright{
  text-align:center;
  }

footer small  {
  color: #FFF;
  font-size: 0.75em;
  font-style: normal;
  font-family: Verdana, sans-serif;
}