@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
.grecaptcha-badge { visibility: hidden; }

.page .one-column #main {
  max-width: none;
}
.page .one-column #inner-content {
  width: 100%;
  max-width: 1180px;
}

.entry-content ul {
	border:none
}
.entry-content ol {
	border:none
}

.entry-content h2{
	background-color:#2a003d;
	border-radius: 12px;
	padding:10px 0 10px 15px;
	color:#fff;
	margin-bottom:30px;
}
.entry-content h3{
	margin-bottom:30px;
}
.entry-content h4{
	border-bottom: 3px solid #2a003d;
	margin-bottom:30px;
}

.related-articles{
	display:none;
}

table,th,td{
	border:solid 2px #e0e0e0;
	padding-top:6px;
}

#eckb-article-content-body h2 {
	background-color:#2a003d;
	border-radius: 12px;
	padding:10px 0 10px 15px;
	color:#fff;
	margin: 60px 0 !important;
}

#eckb-article-content-body h3 {
	border-left: 5px solid #2a003d;
	padding: 8px;
	margin: 40px 0 !important;
}

#eckb-article-content-body h4 {
	border-bottom: 3px solid #2a003d;
	margin: 40px 0 !important;
}

#eckb-article-content-body code {
	background-color:#f8f6f6;
	margin: 40px 0 !important;
}

.epkb-category-level-1 p {
	display:none;
}

#eckb-article-content-body ol {
	list-style-type: decimal;
	margin-left: 30px;
}

#eckb-article-content-body ul {
	list-style-type: square;
	margin-left: 30px;
}

.eckb-article-title br{
	display:none;
} 

.epkb-article-inner span:hover {
	color: #f60;
}

.eckb-article-title span:hover {
	color: #f60;
}

#eckb-article-content-body th{
	border: 1px #ccc solid;
	text-align:center;
	padding:8px 0;
	background-color: #f9f9f9;
}
#eckb-article-content-body td{
	border: 1px #ccc solid;
	padding:8px;
}

@media screen and (min-width:768px) {
	#eckb-article-content {
		padding:40px 80px!important; 
	}
}

#eckb-article-content-footer {
	margin: 60px 0;
}
/* RTOC用CSS */

/* #rtoc-mokuji-wrapper ul{
	border:none;
}
#rtoc-mokuji-wrapper ol{
	border:none;
} */
/*ショート―コードCOLOR*/
.redword{
	font-weight:bold;
	color:#f00;
}
.text_color{
	font-weight:bold;
	background:linear-gradient(transparent 50%, #ffff55 0%);
}
/*ショートコードCSS*/

/*
 * 自由タイトルリストのボックスのCSS
 * */
.list_box {
    position: relative;
    margin: 40px 0 40px 0;
	padding-top:0px;
	padding-left:0px;
	padding-right:15px;
	padding-bottom:15px;
    border: solid 4px #ff9933;
	border-radius: 6px;
	background-color:#fff;
	letter-spacing:0.05em;
	font-size:16px;
}

/*
 * 例を挙げるボックスのCSS
 * */
.example{
	position: relative;
    margin: 40px 0 40px 0;
	padding:5px 30px 5px 30px;
    border: double 4px #FE44C4;
	background-color:#fff;
	letter-spacing:0.05em;
}
.example-title:first-letter{
  font-size: 1.4em;
  color: #FE44C4;
}
.example-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0px 10px 0px 10px;
    line-height: 1;
    font-size: 16px;
	background:#fff;
    color: #333;
}
.entry-content hr{
	margin:1em 0;
}

/*
 * ポイントのボックスのCSS
 * */
.point {
    position: relative;
    margin: 70px 0 70px 0;
	padding:4px 16px;
	border:solid 3px #d44c97;
	background-color:#fff8ff;
	letter-spacing:0.05em;
}
.point .point-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #d44c97;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

/*
 * 補足のボックスのCSS
 * */
.supple {
	position: relative;
    margin: 40px 20px;
	padding:5px 30px;
    border: double 6px #00009a;
	background-color:#fff;
	letter-spacing:0.05em;
}

.supple-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 20px;
    padding: 0px 10px 0px 10px;
    line-height: 1;
    font-size: 1.3em;
	background:#fff;
    color: #00009a;
}

/*
 * 注意のボックスのCSS
 * */
.warning {
	margin: 60px 0; /* 外側の余白（上下と中央配置） */
	border: 1px solid #fded00; /* ボックスの枠線 */
}
.warning-title {
	display:block;
	padding: 8px 0;
	background-color: #fded00; /* タイトル部分の背景色 */
	color: #000; /* タイトルの文字色（白） */
	text-align: center; /* タイトルを中央揃え */
	font-weight: bold; /* タイトルの太字 */
}
.warning p{
	padding: 8px 16px;
}



.text_color{
	font-weight:bold;
	background:linear-gradient(transparent 50%, #ffff55 0%);
}
.redline{
	font-weight:bold;
	background:linear-gradient(transparent 50%, #ff9f9f 0%);
}
.yellowword{
	font-weight:bold;
	background:linear-gradient(transparent 50%, #ffff66 0%);
}
.blueword{
	font-weight:bold;
background:linear-gradient(transparent 50%, #99ffff 0%);
}
.greenword{
	font-weight:bold;
	background:linear-gradient(transparent 50%, #21fe72 0%);
}