@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.3
*/

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


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

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

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

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








.scrollable-table th.noscroll, .scrollable-table td.noscroll {
  /* テキストを折り返す設定 */
  white-space: normal;
}





/************************************
** ボックスナビ START
** https://ponhiro.com/box-nav/
************************************/
.p-nav{
	margin:2em 0;/* 全体外余白 */
	padding:0;/* 全体内余白 */
}
.p-nav ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style:none;
	margin:0;
	padding:0;
	border:none;
}
.p-nav ul li{
	-ms-flex-preferred-size: calc(100%/4);/* 4列 */
	flex-basis: calc(100%/4);/* 4列 */
	margin:0;
	padding:0;
	text-align:center;
	box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	min-height:100px;/* 最低の高さ */
	cursor:pointer;
	background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
	z-index:2;
	box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
	transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
	content:unset !important;
}
.p-nav ul li a{
	display:block;
	padding: 0.5em 1em;/* 内余白 */
	text-decoration:none;
	width:100%;
}
.p-nav ul li a:hover{
	background:none;
	opacity:1;
}
.p-nav ul li a img{
	max-width:50% !important;/* 画像横幅 */
	height: auto !important;
	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
	display: inline-block;
}
.p-nav .p-nav-title{
	display: block;
	color: #666;/* 文字色 */
	font-size: 0.7em;/* 文字大きさ */
	letter-spacing: 1px;
	font-weight: 600;/* 文字太さ */
	text-align: center;
	line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
	-ms-flex-preferred-size: calc(100%/2);/* 2列 */
	flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
	.p-nav ul li{
		-ms-flex-preferred-size: calc(100%/2);/* 2列 */
		flex-basis: calc(100%/2);/* 2列 */
	}
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
	font-size: 40px;/* アイコン大きさ */
	padding: 10px 0;/* アイコン余白 */
	color: #AAD6EC;/* アイコン色 */
	display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
	color:#AAD6EC;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
	color:#AAD6EC;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
	color:#AAD6EC;/* アイコン色 */
}
/************************************
** ボックスナビ END
************************************/
















/***************************
右下 目次へボタンカスタマイズ
************************** */
.gttbtn {
	width: 60px; /* 横幅 */
	height: 60px; /* 高さ */
	flex-direction: column;

	border-radius: 50%; /* 丸くする */
	color:black;
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8);
}

/*.myTocBtnFnt{*/
/*	margin-top: 2px;*/
/*}*/

@media screen and (max-width: 1023px) {
	.mobile-button-fmb .go-to-top-button {
		display: flex;
	}
}
.go-to-top{
	z-index: 2;
/* 	bottom: 75px; */
	opacity: .6;
}

/***************************
右下 目次へボタンカスタマイズ
************************** */





/** 関連コンテンツ用見出し */
.default-re-adhead {
    font-size: 24px;
    font-weight: bold;
    margin: 11px 0;
}




/** サイドバーのボタンの矢印を消す */
.not-btn-arw::after{
    content: "" !important;
}









/*__MY_CUSTOM_STYLE_CSS_MANAGER_TOP_START__*/
/*** 上のコメントは変更しないで下さい ***/

/*** 下のコメントは変更しないで下さい ***/
/*__MY_CUSTOM_STYLE_CSS_MANAGER_TOP_END__*/

/*__MY_CUSTOM_STYLE_CSS_MANAGER_MIDDLE_START__*/
/*** 上のコメントは変更しないで下さい ***/
.blogcard {
	padding: 1rem;
	color: #666;
	position: relative;
	/*
	border-color: #68d6cb !important;
	*/
}

a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.1);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
}

.blogcard-title{
	margin-bottom: .5rem;
}

.blogcard-snipet{
	font-size: 70%;
	line-height: 1.7;
	padding-right: 10%;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
	}
	.blogcard-snipet{
		display: none;
	}
}

.internal-blogcard-footer{
	display: none;
}
/*
.blogcard::before{
	content: 'あわせて読みたい';
	position: absolute;
	top: -.8rem;
	left: auto;
	font-size: 50%;
	background-color: #68d6cb;
	padding: .6em 1em;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
}
*/
.internal-blogcard::after{
	content: '続きを読む \00bb';
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #1967d2;
	padding: .4em 3em;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
}








.external-blogcard-footer{
	display: none;
}
.external-blogcard::after{
	content: '続きを読む \00bb';
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #1967d2;
	padding: .4em 3em;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
}

/*768px以下*/
@media screen and (max-width: 768px){
	.blogcard {
		border-color:initial!important;
		border:initial;
	}
}




/* 画像に枠線を付ける */
img.waku {
    border: solid 1px #808080; /* 枠線のスタイル 太さ 色 */
    box-shadow: 0px 0px 5px #808080; /* 影の水平方向の距離 垂直方向の距離 ぼかしの距離 色 */
}



/* 目次をセンター */
.toc {
 margin: 0 auto 1em;
 width: 90%;
}


/* サイドバーの目次 */
.toc-widget-box > .toc  {
	 width: 100%;
}

.toc-widget-box > .toc li {
	 padding-top:3px;
	 padding-bottom:3px;
}
/*
.toc-widget-box > .toc li > a {
   text-decoration: none;
   border-bottom: 1px solid black;
}
*/
.toc-widget-box{
    height: calc(100vh - 200px);
    overflow-y: auto;
}



.toc ul, .toc ol {
    padding-left: 10px;
}


/* strong */
.strong {
	font-weight: bold;
}


/*** color効果 ***/
a {
    color: #1a0dab;
}

/*.cat-label{*/
/*    color: #292b2b;*/
/*}*/

/*.kjk_fixed_headline {*/
/*  width: 100%;*/
/*  position: fixed;*/
/*  top: 0;*/
/*  padding-left: 10px;*/
/*!*  background-color: #f7f7f7;*!*/
/*  background-color: #AAD6EC;*/
/*  color: #252525;*/

/*  font-size: 14px;*/
/*  font-weight: bold;*/
/*!*  z-index: 50; *!*/
/*  z-index: 2;*/
/*  */
/*  border-left: none;*/
/*  !*border-bottom: 3px solid #dadada;*!*/
/*  border-bottom: 1px solid #EEF9FF;*/
/*  text-align: left;*/
/*}*/
  
/*.kjk_fixed_headline_inner{*/
/*  !*width: 1236px;*!*/
/*  !*margin: 0 auto;*!*/
/*  display: block;*/
/*}*/

.sidebar-scroll {
    top: 20px;
}








/**
https://web.monogusa-note.com/cocoon-back-toc-auto
 */
/* 目次に戻るリンクを機能させる */
.toc-checkbox {
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
}

#notice-area{
    font-weight: 700;
}

/*#notice-area:before {*/
/*    font-family: "Font Awesome 5 Free";*/
/*    !*content: "\f06b";*!*/
/*}*/

/* 通知エリア */
#notice-area-wrap{
	box-shadow: 0 3px 6px rgba(0,0,0,.18);
}
/*
#notice-area:after {
    content: "30日(月)24時まで";
    font-weight: 500;
    border: 3px solid #3a4d66;
    border-radius: 5px;
    padding: 2px 10px;
    margin-left: 5px;
}
*/
/*
#notice-area:after {
	font-family: "Font Awesome 5 Free";
	content: "\f138";
}

@media screen and (max-width: 650px){

#notice-area:after {
	display: block;
}

}
*/



/*** 下のコメントは変更しないで下さい ***/
/*__MY_CUSTOM_STYLE_CSS_MANAGER_MIDDLE_END__*/

/*__MY_CUSTOM_STYLE_CSS_MANAGER_BOTTOM_START__*/
/*** 上のコメントは変更しないで下さい ***/

/*** 下のコメントは変更しないで下さい ***/
/*__MY_CUSTOM_STYLE_CSS_MANAGER_BOTTOM_END__*/






/*親テーマの styleで普通のtdタグ内のspanタグなども影響受けるので修正*/
.scrollable-table.stfc-sticky tr *:first-child {
    background-color: initial;
/*    color: initial;*/
    position: initial;
    left: initial;
    z-index: initial;
}
.scrollable-table.stfc-sticky tr td:first-child
,.scrollable-table.stfc-sticky tr th:first-child{
    background-color: #e9eff2;
    color: #333;
    position: sticky;
    left: 0;
    z-index: 2;
}