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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
}
.logo-image {
padding:0;
margin-left:1em;/*ロゴ画像が左に詰まってしまう場合は、ここの数字を0.1刻みで大きくしてみてください*/
margin-top:4em;
margin-right:1em;
margin-bottom:1em;
max-height:300px;/*大きなロゴ画像を使いたい方は、ここの数字を大きくしてみてください*/
}
.logo {/*ロゴ画像を中央に配置したい方は、以下3行を削除*/
text-align: center;
}
.logo-header img {
box-shadow: none!important;
}

/*20250726 追記*/
.main, .navi, .sidebar, .search-edit, input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select {border-radius: 20px;}
.main, .navi, .sidebar, .search-edit, input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select {
	border: 1px solid #000;
}

img {
	box-shadow: none!important;
}
.header {
	background-size: cover;background-position: center center;
}
.logo-image {
	margin-top: 0;margin-bottom: 0;    padding: 50px 0;
}
#navi {
	border: none;border-top: 1px solid #000;
}
.cat-label {
	background-color:#8D5E34;
}
.nwa .author-box .author-content {
	padding: 0 1em;
}
.author-box {
	border:none;
}
#author_box-3 {
	border-top: 1px #000 solid; border-bottom: 1px #000 solid;
}
#author_box-3 .widget-sidebar-title  {
	margin-top:1em;
}
#popular_entries-3 {
	border-bottom:1px solid #000;
}
#block-5 {
	border-bottom:1px solid #000;
}
.author-name a {
	color: #000;
}
.nwa .author-box .author-thumb {
	width:130px;
}
#toc {
	width: 60%;padding: 2em 4em;
}
.toc-title{
	margin-bottom:1em;
}

#content {
	background: #EAEAEA;
	margin: 0;
	padding: 30px 0;
}

.article h2 {
	border-left: 2px solid #000;
	margin: 40px 20px 40px 0;    
	border-radius: 0;
}
.article h4 {
	border-bottom: 5px dotted #eee;
}
.nwa .author-box .author-content {
	padding:0;
}

.btn_demo a {
	display: block;
	transition: all .5 ease;
}
.btn_demo a:hover {
	opacity: .7;
}

.footer-meta {
	display:none;
}
.grecaptcha-badge { 
	visibility: hidden; 
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
article > .entry-content, aritcle > footer.article-footer {/*本文左右の空白*/
padding: 0;
}
.container {
margin-top:-3px;
}
.header-container {
display:none;
}
img.site-logo-image{
max-height:35px;
padding:2px 0 0 5px;
box-shadow:none;
}
.mobile-header-menu-buttons {/*ヘッダー背景色を変えるときはここを変更*/
background: #fff;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#toc {
		width: 100%;
		padding: 1em;
	}
	img {
		box-shadow: none;
	}
	main.main, div.sidebar {
		margin: 0 12px;border: 1px solid #000;
	}
	#sidebar {
		margin-top:1em;
	}
}
/************************************
****　全体のバランス
************************************/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
}
img{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.body .article {/*本文SNSフォロー下の空白*/
margin-bottom: 0;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {/*本文左右の空白*/
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.page-body {
	font-size: 15px;
	}
	.speech-person{
		width: 55%;
	}
}