@charset "UTF-8";

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

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

/* タブ切り替え調整 */
.index-tab-buttons .index-tab-button {
margin: 0px;
border-radius: 0px;
border-right: none;
border-color: #707070;
}

.index-tab-button:last-child {
border-right: 1px solid #707070;
}

/* プロフィール欄 */
.author-box{
border: none;
}

.author-name a {
color: #2b2b2b;
text-decoration: none;
letter-spacing: 1.2px;
}

.author-box p{
line-height: 1.7;
}

.nwa .author-box .author-thumb {
width: 150px;
}

/* ブログカードの上部余白調整 */
.wp-block-cocoon-blocks-blogcard.blogcard-type.bct-together {
margin-top: 2.5em;
}

/* ページネーション */
.pagination-next-link {
  background-color: #404453; /*背景色*/
  color: #fff; /*文字色*/
  border: none; /*ボーダーを消す*/
}
.pagination-next-link:hover { /*マウスホバー時*/
  background-color: #404453;
  color: #fff;
}

/* コメント欄 */

#commentform .comment-form-comment #comment{
 background-color:#f9f9f9;
 border:none;
}
#commentform .form-submit input[type='submit']{
 border:none;
 background-color:#404453;
 color: #fff;
 width: 60%;
 padding: 1.2em 1em;
}
#commentform .form-submit{
 text-align:center;
}
#commentform .form-submit input[type='submit']:hover{
 opacity:0.7;
}

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


}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.index-tab-buttons .index-tab-button{
		border-right: 1px solid #707070;
		margin: .5%;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	
	.header div.header-in {
    min-height: 200px;
}

	.logo-header img {
		width: 300px;
	}
	
	.ect-vertical-card .entry-card-wrap {
    width: 100%;
	}
	
}