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

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


/* ============================================= */
/*  フロントページのタイトルを非表示             */
/* ============================================= */
.front-top-page #main .entry-title {
	display: none;
}

/* ============================================= */
/*  カテゴリーラベル                             */
/* ============================================= */
.cat-label {
	top: 4%;
	left: 2.5%;
	line-height: 1.8;
	font-size: 0.67em;
	font-weight: 500;
}

/* ============================================= */
/* 全体のバランス                                */
/* ============================================= */

/*本文下の空白を削除*/
.entry-content {
	padding-bottom: 0;
	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;
	}
}
@media screen and (max-width: 480px){
	.page-body {
		font-size: 15px;
	}
}

a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* 本文SNSフォロー下の空白 */
.body .article {
	margin-bottom: 0;
}

/* ============================================= */
/* 見出し                                        */
/* ============================================= */
/* 見出しのデザインリセット */
/* H2 */
.entry-content h2 {
	border:none;
	background:none;
	padding: 0;
}

/* H3 */
.entry-content h3 {
	border:none;
	background:none;
	padding: 0;
}

/* H4 */
.entry-content h4 {
	border:none;
	background:none;
	padding: 0;
}

/* H5 */
.entry-content h5 {
	border:none;
	background:none;
	padding: 0;
}

/* H6 */
.entry-content h6 {
	border:none;
	background:none;
	padding: 0;
}

/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2,
.content-minkanyaku h2 {
	color: #ffffff;						/* 文字色 */
	font-size: 1.6em;					/* 文字サイズ */
	font-weight: 500;
	background-color: #365C3B;			/* 背景色 */
	padding-top:20px;					/* 文字と上部の間隔 */
	padding-left:20px;					/* 文字と左線の間隔 */
	padding-bottom:20px;				/* 文字と下部の間隔 */
	border-left: solid 10px #B4BC4E;	/* 左側に実線・色*/
}

/* H3 */
.entry-content h3,
.content-minkanyaku h3 {
	color: #000;						/* 文字色 */
	font-size: 1.4em;					/* 文字サイズ */
	font-weight: 500;
	background-color: #F3F3F3;			/* 背景色 */
	padding: 10px 20px;
	border-left: solid 10px #B4BC4E;	/* 左側に実線・色*/
}

/* H4 */
.entry-content h4,
.content-minkanyaku h4 {
	color: #000;						/* 文字色 */
	font-size: 1.2em;					/* 文字サイズ */
	font-weight: 500;
	padding: 10px;
	border-top: solid 2px #365C3B;		/* 上側に実線・色 */
	border-bottom: solid 2px #365C3B;	/* 下側に実線・色*/
}

/* H5 */
.entry-content h5,
.content-minkanyaku h5 {
	color: #000;						/* 文字色 */
	font-size: 1.0em;					/* 文字サイズ */
	font-weight: 500;
	padding: 10px;
	border-bottom: dotted 3px #365C3B;	/* 下側に点線・色*/
}
.content-minkanyaku h5 {
	width: 100%;
	margin-bottom: 1.0em !important;
}

/* H6 */
.entry-content h6,
.content-minkanyaku h6 {
	color: #000;						/* 文字色 */
	font-size: 1.0em;					/* 文字サイズ */
	font-weight: 500;
	padding: 5px;
	border-left: solid 7px #365C3B;		/* 左側に実線・色*/
}

.sidebar h2, .sidebar h3 {
	background-color: #365C3B;			/* 背景色 */
	color: #ffffff;						/* 文字色 */
	font-weight: 500;
	padding: 10px 20px;
}

/* ============================================= */
/* テーブル                                      */
/* ============================================= */
.wp-block-table th {
	background-color: #B4BC4E !important;			/* 背景色 */
}


/* ============================================= */
/* リスト                                        */
/* ============================================= */

/* ============================================= */
/* UL                                            */
/* ============================================= */
.list-ul {
	list-style: none;
	padding:0;
	margin:0;
}
.list-ul li { 
	position: relative;
	margin:0.5em 0 !important;
	padding-left: 25px;
}
.list-ul li:before {
	background-color:  #ffa952; /* 点の色 */
	position: absolute;
	content: '';
	top:0.9em;
	left: 0.5em;
	width: 7px;
	height: 7px;
	border-radius: 4px;
}

/* ============================================= */
/* OL                                            */
/* ============================================= */
.list-ol{
	counter-reset:number; 
	list-style-type: none; 
	padding:0;
	margin:0;
}
.list-ol li { 
	position: relative;
	margin:0.5em 0 !important;
	padding-left: 1.8em;
}
.list-ol li:before {
	counter-increment: number;
	content: counter(number);
	background-color: #ffa952;	/* 文字背景色 */
	color: #fff;				/* 文字色 */
	position: absolute;
	font-weight:bold;
	font-size: 14px;
	border-radius: 50%;
	left: 0;
	top:0.5em;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}

/* ============================================= */
/* アイキャッチ                                  */
/* ============================================= */
.entry-card-thumb img {
	border: 1px solid #cccccc;
}

/* ============================================= */
/* ボックス                                      */
/* ============================================= */
.box-blue {
	position: relative;			/* 配置に関するもの(ここを基準に) */
	max-width:600px;			/* ボックスの横幅 */
	margin: 2em auto;			/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1.7em 2em;			/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 2px solid #0e7ac4;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;			/* ボックスの角丸 */
}
.box-blue .box-title {
	position: absolute;			/* 配置に関するもの(ここを動かす) */
	top: -10px;					/* 上から（-10px）移動*/
	left: 30px;					/* 左から(30px)移動 */
	background: #fff;			/* タイトル背景色 */
	color: #0e7ac4;				/* タイトル文字色 */
	padding: 0 10px;			/* タイトルの余白 */
	line-height: 1;				/* タイトルの行の高さ */
	font-size: 20px;			/* タイトル文字の大きさ */
	font-weight: bold;			/* タイトル文字の太さ */
}
.box-blue p {
	margin: 0;		/* 文字の外側余白リセット*/
	padding: 0;		/* 文字の内側余白リセット*/
}



/* ============================================= */
/* グローバルメニュー                            */
/* ============================================= */

.navi-in .has-icon {
	right: 15px;
}

.navi-in > ul li .item-label {
	border-right: 1px solid #fff;
}
.navi-in > ul li:last-child .item-label {
	border-right: none;
}


/* ============================================= */
/* ページ送り                                    */
/* ============================================= */
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.wp-pagenavi span.current,
.wp-pagenavi a {
	color: var(--cocoon-text-color);
	text-decoration: none !important;
	display: inline-block !important;
	height: 46px !important;
	width: 46px !important;
	border: 1px solid var(--cocoon-thin-color) !important;
	margin: 0 4px !important;
	line-height: 44px !important;
	text-align: center !important;
	border-radius: var(--cocoon-basic-border-radius) !important;
	font-size: 16px !important;
	
	border-color: var(--cocoon-three-d-border-colors) !important;
	border-width: 1px !important;
	border-style: solid !important;
}


/* ============================================= */
/* 民間薬                                        */
/* ============================================= */
.content-minkanyaku {
	
}

.content-minkanyaku a {
	text-decoration: none;
	font-size: 1.0em !important;
	color: var(--cocoon-text-color) !important;
}

.content-minkanyaku .checkbox-text {
	margin-left: 5px;
}

.content-minkanyaku ul {
	padding: 0.5em;
	list-style: none;
}
.content-minkanyaku ul li {
	position: relative;
	padding: 0.3em 1em;
}

.content-minkanyaku .term-query-1,
.content-minkanyaku .term-query-2,
.content-minkanyaku .term-query-3 {
	position: relative;
	padding: 0px 0px 0px 1em;
}

.content-minkanyaku .term-query-1::before,
.content-minkanyaku .term-query-2::before,
.content-minkanyaku .term-query-3::before {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	width: 0px;
	height: 0px;
	border: 0.3em solid transparent;
	border-left: 0.4em solid #3388dd;
	content: "";
}


.content-minkanyaku .term-1 {
	margin-bottom: 1.5em;
}
.content-minkanyaku .term-list-1 {
	border: 1px solid var(--cocoon-basic-border-color);
	margin-bottom: 15px;
	padding-top: 15px;
}
.content-minkanyaku .term-query-1 {

}

.content-minkanyaku .term-query-2 {

}

.content-minkanyaku .term-query-3 {
}

.botton-search-minkanyaku {
	border-radius: var(--cocoon-basic-border-radius);
	border: 1px solid var(--cocoon-basic-border-color);
	background-color: #32373c !important;
	color: #fff !important;
	font-family: inherit !important;
	line-height: inherit !important;
	font-size: 1.0em !important;
}

/* ============================================= */
/* モバイルスライドインメニュー                  */
/* ============================================= */
.menu-content .menu-drawer {
    padding: 1.5em;
}
.menu-drawer li {
	padding: 5px;
}
.menu-drawer a {
	position: relative;
	font-size: 1.0em;
	background-color: #ffffff;
	color: var(--cocoon-text-color) !important;
	margin: 1.2em 0 0;
	padding: 0px 0px 0px 1.0em;
}

.menu-drawer a::before {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	width: 0px;
	height: 0px;
	border: 0.3em solid transparent;
	border-left: 0.4em solid #3388dd;
	content: "";
}
.menu-drawer .sub-menu {
	padding:0;
}
/*480px以下*/
@media screen and (max-width: 480px){
  	/* モバイルメニュー */
	.menu-drawer li {
		border-bottom: #CCCCCC 1px solid;
	}
}

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

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

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