/*
Theme Name:PORIPU tears for SANGO
Template:sango-theme
Theme Name:sango-theme-poripu
Theme URI:https://oldno07.com/poripu/
Author: マサオカ
Author URI:https://oldno07.com/
Description: SANGOの子テーマです。SANGO親テーマをインストールした状態で、本子テーマを適用してください。使い方は<a href="https://oldno07.com/poripu/">デモサイト</a>を御覧ください。
Version:1.28
/*--------------------------------------
ここから下にCSSを追加してください
--------------------------------------*/
/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{

}
.fa5 .entry-content h2:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh3
--------------------------------------*/
.entry-content h3 {

}
.fa5 .entry-content h3:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {

}
.fa5 .entry-content h4:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*--------------------------------------
  h2・h3・h4のデザイン変更
--------------------------------------*/
/*角丸ぬりつぶし*/
.entry-content h2 {
 font-size:1.25em;
 padding: .5em;
 border-radius: .5em;
 background: #dd9933;
 color: white;
}

/*色が変わる下線その2*/
.entry-content h3 {
 position: relative;
 background: #f4f4f4;/*背景色*/
 border-bottom: solid 3px #d7d7d7 !important;
}
.entry-content h3:after {
 display: block;
 position: absolute;
 bottom: -3px;
 width: 30%;
 border-bottom: solid 3px #d7d7d7 !important;
}

meta:after, .nothumb .page-title:after {
	background-image:none !important;
}

.entry-content h4 {
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #393939;/*上線*/
  border-bottom: solid 3px #393939;/*下線*/
}

/*--------------------------------------
 箇条書き
--------------------------------------*/
.entry-content ul {
  border: solid 2px #393939;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.entry-content ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.fa5 .entry-content ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
    
.entry-content ul li:before {    
  content: "\f138";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #393939; /*アイコン色*/
}

#toc_container ul li:before{
  content: none !important;/*目次ポチ消す*/
}

/*--------------------------------------
 番号付箇条書き 
--------------------------------------*/

.entry-content ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
padding: 0.3em 0.8em;
  border: solid 2px #393939;
}
.entry-content ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.entry-content ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #393939;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 12px;
  border-radius: 50%;
  left: 0;
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.entry-content h3:after {
 display: block;
 position: absolute;
 bottom: -3px;
 width: 30%;
 border-bottom: solid 3px #6bb6ff;
}

meta:after, .nothumb .page-title:after {
	background-image:none !important;
}

/*--------------------------------------
  テーブル角丸色付きに変更
--------------------------------------*/
.entry-content th {
    background: #dd9933  !important;
	color: white;
}
.entry-content td {
    border-right: 2px solid #dd9933;
}
.entry-content table {/*表全体*/
    border: 2px solid #dd9933 !important;/*枠線*/
}
table {
  border: 1px solid #dd9933;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}
table thead th,
table tbody th,
table tbody td {
  padding: .6em 3em;
  border-bottom: 1px solid #dd9933;
}
table thead th {
  background-color: #ddd;
}
table tbody th {
  background-color: #eee;
}
table thead th + th,
table tbody td {
  border-left: 1px solid #dd9933;
  border-right: 2px solid #dd9933;
}
table tbody tr:last-child th,
table tbody tr:last-child td {
  border-bottom: none;
}

/*--------------------------------------
  ふきだしの色を変える
--------------------------------------*/
.sc {
 padding: 13px !important;
 border: solid 2px #d5d5d5 !important;
 border-radius: 12px !important;
 background: #fff!important;
}
.sc:before {
 display: inline-block !important;
 position: absolute !important;
 top: 18px !important;
 left: -23px !important;
 border: 12px solid transparent !important;
 border-right: 12px solid #d5d5d5 !important;
 content: "" !important;
}
.sc:after {
 display: inline-block !important;
 position: absolute !important;
 top: 18px !important;
 left: -20px !important;
 border: 12px solid transparent !important;
 border-right: 12px solid #fff !important;
 content: "" !important;
}
.sc p {
 margin: 5px 0 !important;
 padding: 0 !important;
}

/*吹き出し（右）*/
.right .faceicon {
 padding: 0 0 0 20px !important;
}
.right .sc{
 color:#000 !important;
}
.right .sc:before,
.right .sc:after {
 right: -23px !important;
 left: auto !important;
 border: 12px solid transparent !important;
 border-left: 12px solid #d5d5d5 !important;
}
.right .sc:after {
 right: -20px !important;
 border-left-color: #fff !important;
}
/** 上記で指定したスタイルのタブレットサイズ?の上書き **/
@media only screen and (min-width: 481px) {
 .sc:before, .sc:after {
 top:30px !important;
 }
}


/*--------------------------------------
吹き出しを全部太字にする
--------------------------------------*/
.say {
    font-weight:bold;    
}