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

/************************************
** 子テーマ用のスタイルを書く
************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
._hide{display:none;}

/* コンテンツ部分左右に常にマージンを設ける（背景白につき不要になった） */
/*#content{margin-left:2%; margin-right:2%;}*/

/* 汎用 */
.margin_auto{margin-left:auto !important; margin-right:auto !important;}

/* ヘッダーロゴを無理矢理左寄せ */
.logo{text-align:left !important;}

/* メインナビゲーションに区切り線 */
.navi-in li{
	margin-left:-1px;
	border-left:1px solid white;
	border-right:1px solid white;
}
/*.navi-in li:last-child{border-right:1px solid white;}*/
/* メインナビゲーションのサブメニューを開くアイコンのサイズを大きく */
.fa-angle-down::before {
	font-size:150%;
}
/* メインナビゲーションの文字のサイズを大きく・明朝体に */
.navi-in a{
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 700 !important;
	font-size:larger;
}
/* ブログページ（すべてのお知らせ）でアイキャッチ画像を表示しない */
figure.entry-card-thumb{display:none;}
div.entry-card-content{margin-left:0;}

/* タイトルなし固定ページで最初のブロック（H2など）のmargin-topが邪魔な場合に適用する */
.no-margin-top{margin-top:0 !important;}

/* トップへ戻るボタン（ExUnit）の色（Cocoonのものを使うのでこの設定は未使用） */
/*.page_top_btn{background-color:#44a !important;}*/

/* 見出し */
header.entry-header h1 {
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 700 !important;
	color:#030;
	padding:0.5em 1em !important;
	border:1px solid #00a968;
	border-left:5px solid #00a968;
	background:#f0fff8;
}
.entry-content h2 {
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 700 !important;
	padding:0.5em 1em !important;
	font-size:1.2em;
	background:linear-gradient(to right, #dfe, #fff);
	border-top:1px solid #00a968;
	border-bottom:1px solid #00a968;
}
.entry-content h2.reha {	/* (H2)がんリハ用の薄青 */
	color:#030 !important;
	background:linear-gradient(to right, #6599ff, #def) !important;
	border-top:1px solid #368 !important;
	border-bottom:1px solid #368 !important;
}
.entry-content h2.lymph {	/* (H2)リンパ用の黄色 */
	color:#220 !important;
	background:linear-gradient(to right, #fea, #ffe) !important;
	border-top:1px solid #ca6 !important;
	border-bottom:1px solid #ca6 !important;
}

.entry-content h3 {
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 700 !important;
	padding:0.3em 1em !important;
	font-size:large;
	color:#021;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:7px solid #00a968;
/*	background:linear-gradient(to right, #def, #fff);*/
}
.entry-content h4 {
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 700 !important;
	font-size:1.0em;
	color:#338;
	border-top:none;
	border-bottom:1px dashed #338;
}
/* ページ内リンク用にH6を利用 */
.entry-content h6 {
	display: block;
	padding: 250px 0 0 0 !important;
	margin:-250px 0 0 0 !important;
	color: transparent;
	height:0;
	border:none;
}

/* テーブルの1列目をセル内改行をしないようにする */
.col1-nowrap td:nth-of-type(1) {white-space: nowrap;}
/* テーブルの2列目をセル内改行をしないようにする */
.col2-nowrap td:nth-of-type(2) {white-space: nowrap;}
/* テーブルのセルのボーダーの色を濃くする（デフォ#eee） */
table th,table td {border-color:#888;}

/* PDFへのリンクにアイコンをつける */
a[href $='.pdf']    {
	background:url(https://lpc.or.jp/common/PDF_24.png) no-repeat center right;
	margin:0;
	padding:2px 32px 2px 0;
/*	color:#dd0000;*/
	text-decoration:underline;
}

a[href $='.pdf']:hover  {
    text-decoration:none;
}

/* WP6.1以降、一部リンク文字が「0.8em」になっているのを元のサイズに戻す */
.wp-block-file:not(.wp-element-button) {
	font-size: 1.0em;
}

/* パスワード保護ページの「確定」ボタンの設定 */
.post-password-form input[name="Submit"] {
	max-width:100px;
	margin-top:10px;
	background-color:#00a968;
	color:white;
	font-size:larger;
	transition:0.3s;
}
.post-password-form input[name="Submit"]:hover {
	opacity:0.7;
}

/* ウィジェット内のリンク設定 */
#sidebar aside.widget{		/* 表示の間隔 */
	margin:0.5em 0 0 0;		/* サイドバー追従時に上端がピッタリなのでbottomではなくtop側を空ける */
}
a{text-decoration: none;}	/* リンクの下線はサイト全体で消す */
a.mysidebar-a {}
div.mysidebar-d {
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 700 !important;
	transition:0.3s;
	text-align:center;
	border-radius:6px;
	padding:0.3em 0;
	/* 色の共通設定 */
	/*border:2px solid #338;*/
	/*background:linear-gradient(to right, #00a968, #3c8);*/
	background:linear-gradient(to right, #6cbb5a, #8d7);	/* 新宿線リーフ */
	color:white;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .3);
}
div.mysidebar-d:hover {
	opacity:0.5;
}

.mysidebar-top{		/* トップページ */
}
.mysidebar-top-sub{	/* トップページのサブメニュー扱い（がんリハ等） */
	color:#6cbb5a !important;
	border:1px solid #6cbb5a;
	background:none !important;				/* グラデーションを一度強制的に無効化してから */
	background-color:#f0fff8 !important;	/* さらに強制的に色を塗る */
}
.mysidebar-cp{		/* 臨床心理・ファミリー相談室 */
}
.mysidebar-he{		/* 健康教育サービスセンター */
}
.mysidebar-ws{		/* がんリハ・リンパ浮腫ページ */
}
.mysidebar-reha{	/* がんリハ系（青系） */
	/*background:linear-gradient(to right, #0000cd, #6060ff) !important;*/
	background:linear-gradient(to right, #009bbf, #2bd) !important;	/* 東西線スカイ */
}
.mysidebar-lymph{	/* リンパ系（山吹色系） */
	/*background:linear-gradient(to right, #f39800, #ffb860) !important;*/
	background:linear-gradient(to right, #fabf14, #fd3) !important;	/* 鬱金色 */
}

/* Googleマップをレスポンシブ化 */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/* ネストしたリストのスタイルをローマ数字に（健康教育サービスセンターの「過去の活動」） */
ol.nested-list2-roman li ol{list-style-type:lower-roman;}

/* フッターの独自メニュー表示 */
div#my_footer_menu{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/*background-color:#f4ddf7;*/
}
#my_footer_menu a{
	display:block;
	margin-left:-1px;				/* 隣のボーダーと重ねる */
	margin-bottom:0.5em;
	padding:0 0.5em 0.2em 0.5em;	/* 見た目上の位置調整 */
	border-left:1px solid #888;
	border-right:1px solid #888;
	transition: 0.3s;
}
#my_footer_menu a:hover {
	opacity: 0.5;
}

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

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

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