@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}



#body{
  margin-top:1px;
}

/* Simplicity子テーマ用のスタイルを書く */
a {
  color: #0044CC;
font-size:13px;
}

a:hover {
  color: #C03;
}



/*メニューバーの色変更*/







#navi-in {
background-color:#004488;
}


#navi ul{
position: relative;
clear: both;
margin-bottom: 0;
font-color:#ffffff;
border: 1px solid #ddd;
background-color:#004488;
border-radius:3px;
margin:0;
padding:0;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


 #navi ul li a{
font-size:14px;color:#fff;
display: block;
padding: .3em .7em;
color:#fff;
text-decoration:none;
z-index:99;
}

#navi ul li a:hover{
background-color:#80a6e6;
}



.article h1 {
  margin-top:0px;
  margin-bottom:20px;
  font-size: 30px;
  line-height:117%;
}

#archive-title{
  padding-bottom:10px;
  font-size:26px;
}

#header .alignleft,
#header .alignright{
  margin-bottom: 0px;
  width: auto;
}
#header .alignleft{
  margin-left:30px;
  margin-right: 30px;
  /*max-width:700px;*/
}
#header .alignright{
  height: 52px;
  text-align:right;
  margin-right:30px;
  right: 0;
  top: 0;
  position: absolute;
}


#site-description {
     font-size:14px;
}
#h2 {
  margin-top: 0;
  color: #777;
  margin:0;
  padding:10 0;
  line-height:140%;
  font-size:13px;
  margin-right:20px;
  margin-bottom:10px;
  font-weight:normal;
}


.article h3,
#comments-thread h3{
  font-size:15px;
background-color:#f8f8f8;
  border:1px solid #f5f5f5;
  padding:10px 0;
font-weight: normal;
}
.article h3,
#related-entries h3{
  font-size:18px;
background-color:#f8f8f8;
  border-bottom:0px solid #f5f5f5;
  padding:10px 0;
font-weight: normal;
}

.article h3,
#related h3{
  font-size:14px;
  border-bottom:5px solid #f5f5f5;
  padding:10px 0;
font-weight: normal;
}


.entry h2{
  margin-bottom:5px;
  padding-top: 10PX;
}

.entry h2 a{
  color:#333;
  font-size:24px;
  text-decoration:none;
  font-weight:bold;
}

.entry-title{
 font-size:24px;
padding-left:4px;
        padding-right:4px;
        padding-bottom:17px;
        padding-top:23px;
 margin-top: -10px;
border-top: 0px #F1F1F1 solid;
border-bottom: 0px #777777 dashed;
}




.article h2 {
  border-left:0px solid #000;
 margin-top: 0px;
        margin-right: 5px;
        margin-bottom: 17px;
        margin-left: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 0px;
  font-size:24px;
}


#sidebar h4{
  margin-bottom: 10px;
  font-size:13px;
 font-weight: normal;
}



hr.sep {
  background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border: 0 none;
  height: 0px;
  position: relative;
  margin-bottom:0px;
}






/************************************
** index.phpのリスト
************************************/
#main .entry{
 border-top: 1px solid #ddd;
    padding-top: 25px;
    padding-bottom: 25px;
  clear:both;
  margin-bottom:0px;
  margin-right:10px;
/*  overflow: auto;
  zoom: 1;*/
  word-wrap: break-word;

}

.entry-thumb{
  float:left;
  margin-right:10px;
  margin-top: 3px;
}

.entry-thumb a{
  display: block;
}


.post-meta{
 text-align:right;
  margin-bottom: 20px;
  text-align:right;
  background-color:#ffffff;
  color:#555;
  font-size:12px;
}

.post-meta a {

  color:#555;
  font-size:12px;
}



//以下にSimplicity子テーマ用の関数を書く
add_image_size('thumb270',256,200,true);


** レイアウト（Layout）
************************************/
#container {
  margin:0;
  padding:0;
  margin: 0 auto;
}

#header-in, #navi-in, #body-in, #footer-in{
  width: 1092px;
  margin: 0 auto;
  box-sizing: border-box;
}

#header {
  margin-bottom: 0px;
}
#header .alignleft,
#header .alignright{
  margin-bottom: 0px;
  width: auto;
}
#header .alignleft{
  margin-left:10px;
  margin-right: 30px;
  /*max-width:700px;*/
}
#header .alignright{
  height: 52px;
  text-align:right;
  margin-right:30px;
  right: 0;
  top: 0;
  position: absolute;
}

#body{
  margin-top:15px;
}

#main {
  float: left;
  
  width: 793px;
  padding: 20px 29px;

  background-color:#fff;
  border-radius: 4px;
  margin-bottom: 5px;

}

#sidebar {
  float: right;
  width: 273px;
  margin-bottom: 30px;
}

.clear{
  clear:both;
}


hr.sep {
  margin-bottom:10px;
}






.entry-snippet{
 padding-top: 15px;
 padding-bottom: 5px;
        font-size:80%
}


.entry-read {
 float: right;
 padding-bottom:15px;
 padding-top: 15px;
}


.entry-read a{
 float: right;
  color:#fff;
  font-size:11px;
  background-color:#787878;
  border:1px solid #787878;
  border-radius:2px;
  padding:3px 10px 3px 5px;
  text-decoration:none;
 
}


.entry-read a:hover{
 color:#fff;
 background-color:#f39285;
 border:1px solid #f39285;
}


.t_h {
font-size:13px;
	font-weight: normal;
	color: #666666;
     
       margin-left:0px;
        margin-right:2px;
        margin-bottom:13px;
         margin-top:0px;

}



.t_b {
	color: #333333;
        
 font-size:20px;
	
        margin-left:0px;
        margin-right:2px;
        margin-bottom:35px;
         margin-top:-9px;
          padding-top: 15px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
 font-weight: bold;
        line-height: 130%; 
        border-bottom: 0px dotted #888888; 
       
}


.t_b a{
	 font-size:15px;
        color:#0044CC;
	
       
}



.res_name {
font-size:13px;
	font-weight: normal;
	color: #666666;
     
       margin-left:0px;
        margin-right:2px;
        margin-bottom:5px;
         margin-top:10px;

        
}



.res_body {
	color: #333333;
        
 font-size:18px;
	
        margin-left:0px;
        margin-right:2px;
        margin-bottom:8px;
         margin-top:5px;
          padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 2px;
        padding-right: 0px;
 font-weight: bold;
        line-height: 130%; 
        border-bottom: 0px dotted #888888; 
        
}

.res_body a{
	      font-size:15px;
        color:#0044CC;
        
}



.res_bold {
	font-size:19px;
       
	
       
}


}
.d {
      
	font-size:13px;
	 line-height:127%;
       color:#333333; 
         font-weight:lighter;
        
}



div.rssbox{
     width:100%;
  margin-left:0px;
        margin-right:0px;
        margin-bottom:5px;
         margin-top:5px;
          padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
      border-top:#ccc 0px solid; /* 枠線 */
         border-left:#ccc 0px solid; /* 枠線 */
         border-right:#ccc 0px solid; /* 枠線 */
         border-bottom:#ccc 0x solid; /* 枠線 */

}


.rss{
	font-size:15px;
        font-weight:bold; 
        line-height: 130%;
}
#rss a:link{
color:#0044CC;
font-weight:normal;
font-size:13px;
text-decoration:  none;
line-height: 160%;
}

#rss a:visited{
color:#1d3994;
font-weight:normal;
font-size:13px;
text-decoration: none;
}

#rss a:hover{
color:#ff0000;
font-size:13px;
font-weight:normal;
text-decoration: none;

}


.blogroll-wrapper{
	width:1040px;
	overflow:hidden;
}
.blogroll-column{
	float:left;
	width:49%;
 margin-right: 6px;
}















div.box{
    margin:5px 22px 15px 0px;; /* 枠線を表示する上下左右の空白 */
   
    padding: 10px 10px 10px 10px; /* 枠線から文字までの上下左右の空白 */
    background: #f0f0f0; /* 背景色 */
    border: 0px dashed #808080; /* 文字色 */
    font-size: px; /* フォントサイズ */
    line-height: 160%; /* 改行幅 */
   

   border: 0px #808080 dotted;     /* 枠線の装飾 */
}



div.kbox{
    margin:5px 22px 55px 0px;; /* 枠線を表示する上下左右の空白 */
   
   padding: 10px 10px 10px 10px; /* 枠線から文字までの上下左右の空白 */
    background: #fbfbfb; /* 背景色 */
    border: 0px dashed #808080; /* 文字色 */
    font-size: px; /* フォントサイズ */
    line-height: 160%; /* 改行幅 */
   

   border: 1px #808080 dotted;     /* 枠線の装飾 */
}



/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
#sidebar h4{
  
  border-keft: 3px double #6896e1; /* 枠線色 */
  
}


#sidebar {
	
        font-size:12px;
}


#sidebar a{
	
        font-size:12px;
}





/* コメント・トラックバック一覧
----------------------------------------------- */



/* コメント欄いろいろ非表示 */
.comment-notes,
.comment-form-email,
.comment-form-url,
.form-allowed-tags{
  display:none;
}



/************************************
** コメントエリア（Comments Area）
************************************/

.comment-xbox {
	
  background-color: #fefefe; 
          margin-bottom: 12px;
          
	  margin-left: 0px;
          margin-right: -6px;
　　　　 
         
         padding-top: 3px;
         padding-bottom: 1px;
            padding-right: 0px;
        padding-left: 0px; 
        	
      border-left:0px  solid #d5d5d5;
        border-right:0px solid #d5d5d5;
        border-top:0px solid #d5d5d5;
        border-bottom:0px solid #d5d5d5;
   
}




#comment-area ol ul,
#comment-area ul ul{
  margin-left: 0.5em;
list-style: none;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
  margin-top: -20px;
margin-left: -35px;
  margin-bottom: 40px;
font-size:13px;
}
.commets-list li,
.trackback-list li{
  margin-top: -1px;
  padding: 20px 0 0;
  width: 100%;
  border-bottom: 0px solid transparent;
}
.commets-list .avatar{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.comment-meta,
.reply,
.comment-notes,
.form-allowed-tags,
span.small{
  font-size: 80%;
}

.comment-body p{
  clear: both;
}
.reply{
  text-align: right;
}

.bypostauthor{
  /* 記事投稿者のコメントのスタイル */
}

.children{
  padding-left: 0.7px;
list-style: none;
   margin-top: -11px;

}

#respond{
  margin-bottom: 40px;
}


#comments-thread{
  font-weight: leither;
font-size:13px;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}
 


#comments-thread .comment-id,
#comments-thread .form-allowed-tags{
  display:none;
}
 
#comments-thread .comment-author{
  font-weight: leither;
font-size:14px;
   color:#008000;	

}


#comments-thread .comment-listCon{
color: #565656;

font-size:19px;
line-height:24px;
font-weight: BOLD;
      
        margin-top: 3px;
	margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 10px;
        padding-top: 6px;
        padding-bottom: 20px;
        padding-left: 5px;
        padding-right: 42px;
	
        
       
         border-left:0px  solid #c9c9c9;
        border-right:0px solid #d5d5d5;
        border-top:0px dotted #999999;
        border-bottom:0px dotted #7f7f7f;	
}
 
#comments-thread img.avatar {
  float:right;
  margin-right:0;
  margin-left:0px;
  display:block;;
}
 
#commentform label{
  display:block;;
}
 
#commentform input{
  margin-bottom:0px;
}
 
#commentform input,
#commentform textarea{
  background-color:#fff;
  border:1px solid #aaa;
}






.comment{
	color:#444444;
   font-size:13px;
       font-weight:normal;
   
}


.comment-info{
	color:#444444;
  font-size:13px;
       font-weight:normal;
  
}



.name {
	font-size:14px;
	font-weight: normal;
	color: #008000;
        
       
}




#comments-thread .comment-listCon{
color: #565656;

font-size:19px;
line-height:24px;
font-weight: BOLD;
      
        margin-top: 3px;
	margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 10px;
        padding-top: 6px;
        padding-bottom: 20px;
        padding-left: 5px;
        padding-right: 42px;
	
        
       
         border-left:0px  solid #c9c9c9;
        border-right:0px solid #d5d5d5;
        border-top:0px dotted #999999;
        border-bottom:0px dotted #7f7f7f;	
}




.ping-excerpt {
	color: #666;
	margin-left: 16px;
}



     
.adbox-wrapper{
	
　　　　width:680px;
	overflow:hidden;
          margin-top: 1px;
          margin-bottom: 9px;
           
	  margin-left: 0px;
          margin-right: 4px;
　　　　 font-weight: normal;
          background-color: #; 
         padding-top: 3px;
         padding-bottom: 1px;
            padding-right: 0px;
       
        padding-left: 1px;
}


.adbox-column{
	float:left;
	width:340px;
}



.wpp-list li {
 float: left;
 padding: 3px;
 width: 24%;
}
.wpp-list li img {
 border: 1px solid #ddd;
 display: block;
 margin: 0 auto 5px auto;
}
.wpp-list li h1 {
 border-bottom: 1px solid #b3b3b3;
 margin-bottom: 3px;
 padding: 3px;
}
.wpp-list li p {
 font-size: 0.875em;
 margin-bottom: 5px;
 padding: 2px;
}
.left-block .wpp-list li div {
 text-align: right;
}



  /* リッチリンク */
<style>
.bcard-wrapper{
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 10px 0px;
    border-radius: 3px;
    padding: 12px;
    border: 1px solid #e0e0e0;
}
.bcard-site,.bcard-url{
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
    max-height: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.bcard-header {
    position: relative;
    height: 30px;
    margin-bottom: 5px;
    display: block;
}
.withgfav{padding-left: 23px;}
.bcard-favicon {position: absolute;
    top: 0px; left:0px; width:16px; height:16px;}
.bcard-main{
    overflow: hidden;
    position: relative;
    display: block;
}
.withogimg{
    padding-right: 110px;
    height: 100px;
}
 .bcard-img {
width: 100px;
height: 100px; 
position: absolute;
    top: 0;
    right: 0;
    background-size:cover;
    background-position:center center;
}
 .bcard-title{
    font-size: 17px;
    margin: 0 0 2px;
    line-height: 1.4;
    max-height: 47px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: bold;
}
 .bcard-description {
    line-height: 1.5;
    font-size: 12px;
    max-height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.bcard-title a{color:#424242;}
.bcard-url a{color:#9e9e9e;}
.bcard-title a:hover,.bcard-url a:hover,.bcard-site a:hover{text-decoration:underline;}
</style>


  /* リッチリンク */