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

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

#footer {padding-bottom: 3em;}
#footer .copyright {font-weight: 600; letter-spacing: 1px; margin-top: 1em;}

/* tag ------*/

.cat-label, .cat-link {background-color: #555; border-color: #555;}
.tag-link, .tag-cloud-link {border-color: #555;}

.sidebar h3 {
	position: relative;
	background-color: #fff;
	color: #313131;
	border-top: solid 2px #32afc2;}

/*
.sidebar h3::before {
	content: '';
	background-color: #32afc2;
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	top: 0;
	bottom: 0;
	margin: auto;}
*/

aside#author_box-2 {margin-bottom: 0;}
aside#custom_html-2 {margin-bottom: 3em;}
.sidebar div.author-box {margin-bottom: 0;}

.sidebar div.sidebar_contact {margin-bottom: 1em;}
.sidebar div.sidebar_contact a {
	display: block;
	padding: .6em 0;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: 600;
	background-color: #32afc2;
	border-radius: 2em;}


/* pagination ------*/

.key-btn {border-radius: 6px;}
.page-numbers,.page-numbers.dots {/* ページナンバーのデザイン入力 */
	background-color: #666;
	color: #FFF;
	border-color: #666;
	border-radius: 30px;}
.pagination .current {/* 現在のページナンバーのデザイン入力 */
	background-color: #077992;
	border-color: #077992;
}


/* sns-share ------*/

.sns-share-message {padding: 1em 0;}
.sns-buttons a {border-radius: 0;}
.sns-share-buttons a {font-size: 13px;}


/* sidebar ------*/

.author-content {padding: 0!important;}

/* author-box ------*/

.author-box {border: none; padding-top: 0!important;}
.author-box p {line-height: 1.6;}
.author-box .author-name {letter-spacing: 1px; margin-bottom: 1em;}
.author-box .author-name a {color: #333333; text-decoration: none;}
.author-box .author-description {font-size: 90%;}

/* widget_categories ------*/

.widget_categories ul li a{
	padding: 7px 2px;
	border-bottom: 1px dotted #CCC;}
.widget_categories > ul > li > a:first-child{
	border-top: none;}


/* contact ------*/
label span.title {font-weight: 600; padding-bottom: .2em;}
input[type="submit"] {
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 2px;
	border: solid 1px #32afc2;
	border-radius: 2rem;
	padding: 15px;
	color: #FFF;
	background-color: #32afc2;
	transition: all .5s;}
input[type="submit"]:hover {background-color: #FFF; color: #32afc2;}
input[type="button"].wpcf7-previous {
	border: none;
	border-radius: 2rem;
	padding: .8em 2.4em;
	margin-bottom: 2em;
	cursor: pointer;
}


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

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

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




/************************************
** 固定ページ用CSS
************************************/
/* 固定ページ共通 */
body.page-template-default div.date-tags {display: none;}


/* blog_top固定ページ用 */
body.page-id-960 .article h3 {
	border-bottom: none; border-left: none; border-right: none; border-top: solid 3px #077992;
	padding: 5px; padding-top: 15px; margin-bottom: .8em}
body.page-id-960 .article h4 {border-top: none; border-bottom: none; margin-bottom: .8em;}
body.page-id-960 div.widget-entry-cards {display: flex; flex-wrap: wrap;}
body.page-id-960 div.widget-entry-cards .a-wrap {width: 32%;}
body.page-id-960 div.widget-entry-cards .e-card {font-size: 80%;}
body.page-id-960 .card-thumb img {border-radius: 4px;}
body.page-id-960 .wp-block-buttons {margin-bottom: 1em;}

body.page-id-960 .wp-block-button__link.wp-element-button {
	color: #333;
	font-weight: 600;
	background-color: #FFF!important;
	padding: .5em;
}
body.page-id-960 .wp-block-button__link.wp-element-button:after {
	font-family: FontAwesome;
	content: '\f054';
	padding-left: .6em;
	color: #999;
}

@media screen and (max-width: 480px){
  body.page-id-960 div.widget-entry-cards .a-wrap {width: 48%;}
}