@charset "UTF-8";

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

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


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}


/************************************
** ブログカード表示カスタマイズ
************************************/
/*ブログカード*/
.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; /* 内部ブログカードのアイコンとURLを非表示 */
}

.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: #ffd242; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}


/* (READ MORE)画像フェードイン変更 */
a.entry-card-wrap figure.entry-card-thumb{
  overflow: hidden;
  line-height: 0;
  margin-bottom: .5em;
}

a.entry-card-wrap figure.entry-card-thumb .cat-label{
  line-height: 1.7;
}

a.entry-card-wrap:hover img.entry-card-thumb-image{
  filter: blur(3px) brightness(60%);
  transform: scale(1.03);
  opacity: 1;
  transition: 0.3s;
}
a.entry-card-wrap figure.entry-card-thumb::before{
  z-index: 1;
  font-family: sans-serif;
  font-weight: bold;
  content: "READ MORE";
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  font-size: 100%;
  width: 100%;
  height: 100%;
  color: #fff;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .25s ease;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -ms-transition: .4s ease;
}

a.entry-card-wrap:hover figure.entry-card-thumb::before{
  opacity: 0.9;
  font-size: 150%;
}

.entry-card-snippet{
  font-size: 72%;
  line-height: 1.6;
  color: gray;
  text-align: justify;
  text-justify: inter-ideograph;
}



/*サムネイル付きページナビゲーション　ここから*/
#prev_next {
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}

#prev_next #prev, #prev_next #next {
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}

#prev_next #prev p, #prev_next #next p {
font-size:90%;
line-height:1.5;
}

#prev_next #prev:hover, #prev_next #next:hover {
background-color: rgba(238,238,238,0.7);
}

#prev_next #prev {
border-right:#ccc 1px solid;
}

#prev_next #prev_title, #prev_next #next_title {
font-size:90%;
top:-1em;
position:absolute;
border: 1px #ccc solid;
background:#fff;
text-align: center;
padding:3px;
color:#666;
}

#prev_next #next_title {
right:10px;
}

#prev_next #prev img, #prev_next #next img {
margin:0 auto;
}

#prev_next #prev_no, #prev_next #next_no {
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}

#prev_next #prev_no {
border-right:#ccc 1px solid;
}

#prev_next_home {
margin:0 auto;
background-color: #ccc;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #ccc;
-webkit-box-shadow: 0 0 0 3px #ccc;
-moz-box-shadow: 0 0 0 3px #ccc;
text-align:center;
}

#prev_next_home:hover {
background-color: #ddd;
}

#prev_next_home i {
color:#fff;
margin:10px auto ;
font-size:60px;
}

/*PC・タブレット表示*/
@media print, screen and (min-width: 768px) {

#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}

#prev_next #prev_title, #prev_next #next_title {
padding:3px 10px;
}

#prev_next #next_title {
right:10px;
}

#prev_next #prev img {
float:left;
margin-right:10px
}

#prev_next #next img {
float:right;
margin-left: 10px;
}
}

/*スマホ表示*/
@media print, screen and (max-width: 767px) {

#prev_next #prev img {
float:left;
}

#prev_next #next img {
float:right;
}

#prev_next #prev p, #prev_next #next p {
clear: both;
padding-top:10px;
}

#prev_next #next p {
margin-left:10px;
}
}


/*　記事見出し装飾　*/
.article h1 {
color: #5c6b80;
font-weight: 800;
font-size: 1.7rem;
line-height: 1.3;
}


/************************************
** カテゴリラベル スケルトン
************************************/
.cat-label {
	padding: 1px 10px;
	background-color: rgba(51, 51, 51, 0.5);
	border: 0;
	border-radius: 30px;
}



/************************************
** 目次カスタマイズ
************************************/

.toc{
  display: block;
  padding: 0px;
  margin-bottom: 40px;
  margin-left: 18%;
  margin-right: 18%;
  border: solid 1.2px #b6b6b6 !important;
}

/* 目次アイコン */
.toc-title:before {
width: 40px;
height: 40px;
font-family: "Font Awesome 5 Free";
content : "\f03a";
font-size:18px;
margin-right:8px;
color:#FFF;
background-color:#6ec4db;
border-radius: 50%;
padding:10px;
}

.toc-title{
  position: relative;
  padding: 10px 0;
  background: #6ec4db;
  color: #fff;
  font-weight: bold;
}

.toc .toc-content{
  padding: 15px;
  background-color:#ffffef;
}

/*見出し2（H2）のアイコン設定*/
.toc-content > .toc-list > li:before { 
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 900;
color: #000;
padding-right:8px;
}
.toc-content .toc-list li {
font-weight:600;
}

.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #708090;
  margin-left: 10px;
} 
 
.toc-list > li li ::before {
  content: '';
  width: 8px;
  height: 8px;
  left: 0px;
  display: inline-block;
  border-radius: 100%;
  background: #cdcdcd;
  position: relative;
  margin-bottom: 2px;
}

.article .toc-list > li li {
  list-style: none;
}


/*スマホ用もくじ位置調整 */
@media screen and (max-width: 750px){

/*目次*/	
.toc{
  margin :60px 5%;
}
.toc-list > li li a {
  margin-left: 3px;
}
.toc-list > li li ::before {
  margin-left:-5px;
}
}



/************************************
** 見出しH2 H3 H4カスタマイズ
************************************/
/** 見出しリセット **/
/* H3リセット */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}



/** 見出しカスタマイズ **/
/*H2変更*/
.article h2{
 background:none;/*CSSリセット*/
 padding: 0;/*CSSリセット*/
 font-size: 24px;
 padding: 25px;
 background-color: #000066;/*背景色*/
 color:white;/*文字色*/
}


/*H3変更*/
.article h3 {
  position: relative;
  background: #f0f0f0;
  padding: 2px 5px 2px 45px;
  font-size: 20px;
  color: #474747;
  border-radius: 0 10px 10px 0;
}

.article h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f101";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #000066;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -0.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}



/** H4変更 **/
/* H4リセット */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* H4変更 */
.article h4{
  position: relative;
  padding-left: 35px;
}

.article h4:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  background: #000066;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

 .article h4:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #000066;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}




/*H5変更*/
.article h5 {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: dotted 3px #364e96;/*上線*/
  border-bottom: dotted 3px #364e96;/*下線*/
}


/* H6変更 */
.article h6{
  border-bottom: none; /* Cocoon親テーマCSSリセットのため */
  position: relative;
  padding: 1.5rem 2.5rem;
  border: 4px solid #000;
}

.article h6:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 4px dotted #000;
}



/************************************
** スタイル 囲み等 変更
************************************/

/* 囲み 黄色で二重線*/
.zuretakakomi-1 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
}

.zuretakakomi-1:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 98%;
  height: 95%;
  content: '';
  border: 4px solid #000;
}


/* 囲み枠 二重線黒中灰色*/
.kakomi-box10 {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 border: 5px double #000; /*太さ・線種・色*/
 color: #333; /* 文字色 */
 background-color: #f7f7f7; /* 背景色 */
 border-radius: 1px; /*角の丸み*/
}


/* 囲み枠 二重線ピンク中桃色 */
.kakomi-box11 {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 border: 5px double #ff9ece; /*太さ・線種・色*/
 color: #333; /* 文字色 */
 background-color: #fff0f5; /* 背景色 */
 border-radius: 1px; /*角の丸み*/
}


/* 囲み枠 二重線 緑中黄緑 */
.kakomi-box12 {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 border: 5px double #4ca908; /*太さ・線種・色*/
 color: #333; /* 文字色 */
 background-color: #f2fde9; /* 背景色 */
 border-radius: 1px; /*角の丸み*/
}


/* 囲み 全ふんわりピンク  */
.kakomi-kage1 {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #ffcccc; /* 背景色 */
 box-shadow: 0 0 10px 10px #ffcccc; /* 影 */
}


/* 囲み 全ふんわりブルー  */
.kakomi-kageOB {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #bce2e8; /* 背景色 */
 box-shadow: 0 0 10px 10px #bce2e8; /* 影 */
}


/* 囲み ふんわり ブルー 外枠のみ */
.kakomi-kageB {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #fff; /* 背景色 */
 box-shadow: 0 0 5px 5px #bce2e8, 0 0 5px 3px #bce2e8 inset; /* 影 */
 border-radius: 10px; /*角の丸み*/
}


/* 囲み ふんわり ピンク 外枠のみ */
.kakomi-kageP {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #fff; /* 背景色 */
 box-shadow: 0 0 5px 5px #ffcccc, 0 0 5px 3px #ffcccc inset; /* 影 */
 border-radius: 10px; /*角の丸み*/
}


/* 囲み 薄いブルー 影BOX */
.sample_box8 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color:#f4f9ff;/*背景色*/
    border:1px solid #84c1ff;/*枠線*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);/*影*/
    color:#000000;/*文字色*/
}
.sample_box8 p {
    margin: 0; 
    padding: 0;
}


/* 囲み 薄いピンク 影BOX */
.sample_boxP1 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color:#ffcccc;/*背景色*/
    border:1px solid #ff84c1;/*枠線*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);/*影*/
    color:#000000;/*文字色*/
}
.sample_box8 p {
    margin: 0; 
    padding: 0;
}




/* 囲み 黒板風タイトル*/
.kokuban-t2 {
 position: relative;
 margin: 2em auto;
 padding: 3.2em 1em 1em;
 width: 90%; /* ボックス幅 */
 background-color: #006633; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 8px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
}
.kokuban-t2::before,
.kokuban-t2::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban-t2::before {
 right: 10px;
 border: solid 3px #fff; /*チョーク（白）*/
 width: 20px; 
 border-radius: 3px 2px 0 2px;
}
.kokuban-t2::after {
 right: 40px;
 border: solid 3px #ffff6b; /*チョーク（黄色）*/
 width: 15px; 
 border-radius: 8px 5px 2px 5px;
}
.title-t2 {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #ffff6b; /* タイトル色 */
}


/* 囲み タイトル自由 BOX */
.box1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box1 p {
    margin: 0; 
    padding: 0;
}


/* 囲み 中タイトル 青 背景付BOX */
.title-box4{
  margin: 1em 0;
  background-color: #cce5ff;
  border: 2px solid #2196f3;
}

.title-box4-title{
  font-size: 16px;
  position: absolute;
  margin-top: 0;
  background-color: #2196f3;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 2px 0;
  padding: 4px 6px;
}

.title-box4 p{
  margin: 0;
  padding: 3em 1em 1em 1em;
}


/* 囲み 中タイトル ピンク 背景付BOX */
.title-box5{
  margin: 1em 0;
  background-color: #f8d7da;
  border: 2px solid #e95295;
}

.title-box5-title{
  font-size: 16px;
  position: absolute;
  margin-top: 0;
  background-color: #e95295;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 2px 0;
  padding: 4px 6px;
}

.title-box5 p{
  margin: 0;
  padding: 3em 1em 1em 1em;
}


/* 囲み 中タイトル 緑 背景付BOX */
.title-box6{
  margin: 1em 0;
  background-color: #d4edda;
  border: 2px solid #3eb370;
}

.title-box6-title{
  font-size: 16px;
  position: absolute;
  margin-top: 0;
  background-color: #3eb370;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 2px 0;
  padding: 4px 6px;
}

.title-box6 p{
  margin: 0;
  padding: 3em 1em 1em 1em;
}


/* 囲み 外タイトル 青緑 背景付BOX */
.title-box110{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #245460;
  background-color: #d1ecf1;
}

.title-box110-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #245460;
  color: #fff;
  padding: 0 0.5em;
}

.title-box110 p{
  margin: 0;
  padding: 0;
}


/* 囲み 外タイトル オレンジ 背景付BOX */
.title-box111{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #ffc107;
  background-color: #ffecb3;
}

.title-box111-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #ffc107;
  color: #fff;
  padding: 0 0.5em;
}

.title-box111 p{
  margin: 0;
  padding: 0;
}


/* 囲み 外タイトル 赤 背景付BOX */
.title-box112{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #721c24;
  background-color: #f8d7da;
}

.title-box112-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #721c24;
  color: #fff;
  padding: 0 0.5em;
}

.title-box112 p{
  margin: 0;
  padding: 0;
}



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



/************************************
** マーカー
************************************/

/* 太字蛍光 桃色マーカー50％ */
.futokeiP {
font-weight: bold;
background: linear-gradient(transparent 50%, #ffcccc 0%);
}

/* 太字蛍光 薄いピンク色マーカー50％ */
.futokeiLP {
font-weight: bold;
background: linear-gradient(transparent 50%, #ffdbed 0%);
}


/* 太字蛍光 水色マーカー50％ */
.futokeiLB {
font-weight: bold;
background: linear-gradient(transparent 50%, #ccffff 0%);
}

/* 太字蛍光 青マーカー50％ */
.futokeiB {
font-weight: bold;
background: linear-gradient(transparent 50%, #99ccff 0%);
}

/* 太字cocoon 水色マーカー50％ */
.futokeiMH {
font-weight: bold;
background: linear-gradient(transparent 50%,  #a8dafb 0%);
}

/* 太字蛍光 黄色マーカー50％ */
.futokeiY {
font-weight: bold;
background: linear-gradient(transparent 50%, #ffffcc 0%);
}

/* 太字蛍光 緑色マーカー50％ */
.futokeiG {
font-weight: bold;
background: linear-gradient(transparent 50%, #52e391 0%);
}

/* 太字蛍光 緑色マーカー100％ */
.futokeiGZ {
font-weight: bold;
background: linear-gradient(transparent 0%, #52e391 0%);
}

/* 太字蛍光水色マーカー100％ */
.futokeiM {
font-weight: bold;
background: linear-gradient(transparent 0%, #a8dafb 0%);
}


/*濃い青太字*/
.futokoiao {
font-weight: bold;
color:#0000ff;
}


/*赤下線*/
.underR {
  border-bottom: solid 3px #ff0000;
}

/*赤二重線*/
.underWR {
  border-bottom: double 6px #ff0000;
}

/************************************
** プライバシーポリシーページ SNS非表示
************************************/
/*特定ページのシェア・フォローボタン非表示*/
.page-id-142 .sns-share,
.page-id-1699 .sns-share,
.page-id-1706 .sns-share,
.page-id-1699 .sns-follow,
.page-id-1706 .sns-follow {
    display: none;
}

/*特定ページの投稿日・更新日を消す場合*/
.page-id-142 .date-tags,
.page-id-1699 .date-tags,
.page-id-2700 .date-tags,
.page-id-1706 .date-tags {
    display: none;
}


/************************************
** 吹き出しコメント背景色変更
************************************/
/*google吹き出し*/
.sb-id-63 .speech-balloon{
background:#e2e3e5;/*コメント部分の「背景色」*/
border-color:#e2e3e5;/*コメント部分の「枠の色」*/
}
.sb-id-63 .speech-balloon::before,.sb-id-63 .speech-balloon::after{
background:none;
border-right-color:#e2e3e5;/*コメントの「三角形の部分の色」*/
}


/*魔王吹き出し*/
.sb-id-64 .speech-balloon{
background:#000000;/*コメント部分の「背景色」*/
border-color:#000000;/*コメント部分の「枠の色」*/
}
.sb-id-64 .speech-balloon::before,.sb-id-64 .speech-balloon::after{
background:none;
border-right-color:#000000;/*コメントの「三角形の部分の色」*/
}


/*強魔王吹き出し*/
.sb-id-69 .speech-balloon{
background:#000000;/*コメント部分の「背景色」*/
border-color:#000000;/*コメント部分の「枠の色」*/
}
.sb-id-69 .speech-balloon::before,.sb-id-69 .speech-balloon::after{
background:none;
border-right-color:#000000;/*コメントの「三角形の部分の色」*/
}