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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-content>*,
.demo .entry-content p {
	margin: 0.8em 0;
} 

.box-menu {
	width: calc(100%/3);
	min-height: 150px;
}

.box-menu-icon {
	padding: 15px 0px;
	font-size: 50px;
}

.box-menu-label {
	font-size: 18px;
}

.navi-in > ul li {
	width: 21.5%;
}

.navi-in a {
	font-size: 18px;
}

.widget-sidebar-title {
	font-weight: normal;
}

.logo-image {
	padding: 20px 0px 10px 0px;
}

.article h1,
.entry-title,
.archive-title{
	color: #59b78b;
	font-size: 28px;
}

.article h2,
.related-entry-heading,
.comment-title {
	background-color: #f4f5f7;
	border-left: 10px solid #59b78b;
	color: #59b78b;
	padding: 10px 0px;
	text-indent: 10px;
	line-height: 1.4em;
}

.article h3 {
	border: none;
	border-top: 1px solid #59b78b;
	border-bottom: 1px solid #59b78b;
	font-size: 18px;
}

.wp-caption {
	padding: 15px 15px 5px 15px;
}

.wp-caption-text,
.gallery-caption {
	font-size: 1.0em;
}

.sns-share-buttons {
	justify-content: center;
}

.sns-share-buttons a {
	margin: 0px 5px;
}

#footer {
	border-top: 5px solid #acdbc5;
}

.contributor {
	background-color: #f0f8ff;
	color: #1e50a2;
	font-weight: bold;
	padding: 5px 10px;
}

blockquote {
	background-color: rgba(245,245,245,0.6);
	border-color: rgba(89,183,139,.5);
}
.video-container {
	margin: 30px auto;
}
.btn-m::after {
	content: "\f105";
	position: absolute;
	right: 0;
	font-size: 20px;
	font-family: "Font Awesome 5 Free";
}
br.sp {
	display: none;
}
/************************************
** WP-Members カスタマイズ
************************************/
#wpmem_login legend,
#wpmem_reg legend {
	font-size: 20px;
	color: #333;
}
#wpmem_login label,
#wpmem_reg label {
	display: inline-block !important;
	padding-top: 20px;
}
/************************************
** 新規会員登録ボタン
************************************/
a.link-btn-n {
	background-color: #ed7480;
	display: block;
	font-size: 18px;
	text-decoration: none;
}
a.link-btn-n:after {
	top: 16px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.wrap {
		width: 96%;
	}
	
	.entry-title {
		padding: 0px;
	}
	
	.btn-m {
		display: block;
		padding: 10px 15px 10px 10px;
	}
	.blank-box img.col1 {
		display: block;
		width: 100%;
	}
	.blank-box img.col2 {
		display: inline-block;
		width: 48%;
	}
	.navi-footer-in > .menu-footer li.menu-item {
		width: auto;
	}
	br.sp {
		display: block;
	}
	.sns-share.ss-col-4 a {
		width: 30%;
	}
}

/************************************
** ログイン画面のカスタマイズ
************************************/
.login h1 a {
	background-image: none,url(https://rounenkango.net/dementia-new-normal/wp-content/uploads/2020/10/header_logo07.png);
}