@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
*/

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

.main {
    padding: 20px 20px;
}



.commets-list {
list-style: decimal;
}

.af-top {
    text-align: center;
    background: #313030;
    padding: 15px 10px;
    border: 1px solid #8c8c8c;
    margin: 0 0 20px 0;
}
.af-exp {
    text-align: left;
    margin: 10px 0 3px 0;
    border-left: 10px solid #333;
    padding: 0 0 0 10px;
}




.af-wrap {
    background: #535353;
    padding: 20px;
    color: #fff;
}
.af-wrap a {
    display:block;
}

.af-wrap a {
    display: inline-block;
    text-decoration: none;
    background: #4cb055;
    padding: 10px 12px;
    margin: 5px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 0.9em;
}




/* comment-info-bar  */
.comment-info-bar{
    background-color: #eee;
    padding: 0px 3px;
    margin: 0;
    font-size: 90%;
	text-align:center;
}

.eye-catch {
    margin-bottom: 0;
}

.date-tags {
    margin-bottom: 0em;
}


.recent-comment-author , .recent-comment-date {
    display: inline-block;
}
.recent-comment-content {
    position: unset;
    background: none;
    border: none; 
    border-radius: 0; 
}
.sidebar h3 {
    padding: 0;
    margin: 0;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 15px;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
.commets-list {
list-style: decimal;
}
	
	
.st-comment-content {
    line-height: 1.5;
    margin-left: -30px;
    padding: 7px 0 0 0;
	border-top: 1px solid #d4d4d4;
	font-size:0.9em;
}
	
	
.st-comment-meta {
    font-size: 0.8em;
}

.site-name-text-link {
    padding: 0 0em;
}
	
main.main, div.sidebar {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	}
	.logo-image {
    padding: 0px 0;
}
	.content {
    margin-top: 0px;
}
	.go-to-top-button {
    width: 90px;
    height: 90px;
	}
	.a-wrap {
    border-bottom: 1px solid #d1d1d1;
	}
			
.comment-title {
    text-align: center;
    background: #f0f0f0;
}
.commets-list {
padding: 0 10px 0 40px;
}
	
	.entry-content {
    padding: 0 1.2vw;
	}
	
	.comment-form {
	padding: 10px 1vw;
	}
	
	
	.af-wrap {
    padding: 2px;
}
	.af-wrap a {
    padding: 7px 15px;
    margin: 2px 0px;
    font-size: 0.7em;
}
	
	
	
}

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

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