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

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

/*SNSアイコン横文字非表示*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*フッター幅*/
.footer-bottom {
	margin-top: 0px;
}

/*トップ記事の*/
.single .main, .page .main, .error404 .main, .list {
	padding: 1em;
}

/* タイトル色変更*/
.entry-title, #editor .entry-title, .archive-title {
	background-color: #A8C9E5;
}

/* サイドバー */
.sidebar {
	background-color : #fffbf4;
	margin-top: 30px;
}

/* カテゴリサイドばー丸つき*/

.widget_recent_entries ul, .widget_categories ul, .widget_archive ul, .widget_pages ul, .widget_meta ul, .widget_rss ul, .widget_nav_menu ul, .widget_block ul {
	list-style:disc;
  padding: 0.5em 1em 0.5em 2.3em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li  {
line-height: 1.5;
  padding: 0.5em 0;
}

/* TOPの記事表示*/
.ect-3-columns .entry-card-wrap {
	padding : 13px;
}

/* アピールエリア　*/
.appeal-content {
	background-color: transparent;
	color: #ffffff;
	font-size: 35px;
	text-shadow: 0px 0px 20px #404040;
}

/*ボタンの色*/
.list-more-button  {
	background-color:#fffbf4;
}

.single .main, .page .main, .error404 .main, .list  {
	padding: 20px;
}

/* アフィリンク商品用*/
.entry-title, #editor .entry-title, .archive-title{
	padding: 30px 70px;
}

.entry-title {
	padding: 30px 70px;
}

.entry-content {
	padding: 0 70px;
}

.entry-categories-tags{
	margin-left:70px;
}

.body:not(#__) .pochipp-box{
	margin: 2em 0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	.mobile-menu-buttons {
		background-color : #D69C5D;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.mobile-menu-buttons .menu-caption {
		color : #ffffff;
	}
	
		/* アピールエリア　*/
	.appeal-content {
		background-color: transparent;
		color: #ffffff;
		font-size: 30px;
		text-shadow: 0px 0px 20px #404040;
	}
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	.mobile-menu-buttons {
		background-color : #D69C5D;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.mobile-menu-buttons .menu-caption {
		color : #ffffff;
	}
	
		/* アピールエリア　*/
	.appeal-content {
		background-color: transparent;
		color: #ffffff;
		font-size: 30px;
		text-shadow: 0px 0px 20px #404040;
	}
}

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

	/* 文字の大きさ*/
	.e-card-title {
		font-size: 14px;
	}
	
	.mobile-menu-buttons {
		background-color : #D69C5D;
		padding-top:7px;
		padding-bottom:7px;
	}
	
	.mobile-menu-buttons .menu-caption {
		color : #ffffff;
	}
	
	/* アピールエリア　*/
	.appeal-content {
		background-color: transparent;
		color: #ffffff;
		font-size: 12px;
		text-shadow: 0px 0px 20px #404040;
	}
	
	.list-title {
		font-size: 13px
	}
	/* アフィリンク商品用*/
.entry-title, #editor .entry-title, .archive-title{
	padding: 15px 0px;
}

.entry-title {
	padding: 15px 0;
}

.entry-content {
	padding: 0 ;
}

.entry-categories-tags{
	margin-left:0;
}

	.body:not(#__) .pochipp-box{
		margin: 2em auto;
	}
}