@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
.sidebar h3 {
    background: none; /*背景色を解除*/
	color: #222222;
	border-bottom: solid 2px #407ab5;
	padding: 0 9px;
}

.sidebar h3:first-letter {
    font-size: 1.4em; /*最初の文字を1.5文字分に大きく*/
	color: #33e133;
}

.pagination-next{
	display: none;
}

.entry-title{
	border-bottom: dotted 2px #407ab5;
}

.related-entry-main-heading.main-caption{
	border-bottom: solid 2px #407ab5;
	display:block;
	font-size:20px;
}

.related-entry-main-heading.main-caption:first-letter{
	font-size: 1.4em;
	color: #f6b825;
}

.writers{
    overflow:hidden;
}
.writer-profile{
    width: 30%;
    min-height: 455px;
    margin:1%;
    float:left;
	border: dotted 2px #407ab5;
	padding: 10px;
	border-radius: 10px;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
	color: #407ab5;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	
.writers{
    overflow:hidden;
}
.writer-profile{
    width: 30%;
    min-height: 455px;
    margin:1%;
    float:left;
	border: dotted 2px #407ab5;
	padding: 10px;
	border-radius: 10px;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
	color: #407ab5;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}

}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
.writers{
    overflow:hidden;
}
.writer-profile{
    width: 30%;
    min-height: 455px;
    margin:1%;
    float:left;
	border: dotted 2px #407ab5;
	padding: 10px;
	border-radius: 10px;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
	color: #407ab5;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}

}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	.author-box.border-element.no-icon.cf{
		padding: 10px;
	}
	.writers{
    overflow:hidden;
}
.writer-profile{
    width: 48%;
    min-height: 455px;
    margin:1%;
    float:left;
	border: dotted 2px #407ab5;
	padding: 10px;
	border-radius: 10px;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
	color: #407ab5;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
		.author-box.border-element.no-icon.cf{
		padding: 10px 10px 3px ;
	}
	
	.writers{
    overflow:hidden;
}
.writer-profile{
    width: 48%;
    min-height: 455px;
    margin:1%;
    float:left;
	border: dotted 2px #407ab5;
	padding: 10px;
	border-radius: 10px;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
	color: #407ab5;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}

}