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

/*送信後フォームを消す*/
form.sent p{
display:none;
}
form.sent .submit{
display:none;
}



/*フォーム送信後の表示をカスタマイズ*/
div.wpcf7-mail-sent-ok {
background-color: #4f9df4;
color:#ffffff;
font-size:100%;
display
margin:.5em 0;
padding:.4em 1.3em;
border:#4f9df4;
border-radius:3px;
text-align:center;

box-shadow:0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15)
}
/*コンテンツ*/

.entry-content h2 {
 margin: 2.8em 0 .7em;
 padding: 10px 0 10px 10px;
 border-left-width: 4px; 
 border-left-style: solid;
 font-size: 1.3em;
 line-height: 1.3;
/*  color: #6bb6ff; */
 background: #edf6ff;

}
#toc_container, h2, .li-mainbdr ul, .li-mainbdr ol {
    border-color: #6bb6ff;
}


.entry-content h3 {
 margin: 2.8em 0 .7em;
 padding: 10px 0 10px 10px;
 border-left-width: 4px; 
 border-left-style: solid;
 font-size: 0.9em;
 line-height: 1;
}

 style.css
.sidebar .my_popular_posts.widgettitle:before {
    content: "\f005";
}


/*カスタムフロントページのスタイル*/
/*スマホ*/
@media only screen and (max-width: 480px) {
 /*上部の隙間*/
 .page-forfront-custom {
 padding-top: 15px!important;
 }
}
/*PC*/
@media only screen and (min-width: 768px) {
 .page-forfront-custom .header-image__headline {
 font-size: 2.3em;
 }
}
/*カスタムフロントページ全体*/
.page-forfront-custom {
 background-color: #fff;
 margin-top: 0!important;
 padding-top: 35px;
}
/*見出しの基本スタイル*/
.top-title {
 margin-top: 0;
 font-size: 1.45em;
 font-weight: bold;
 color: #389bff;
}
/*カスタムフロントページの見出し セレクタは適用している見出しスタイルによって変更*/
.page-forfront-custom .hh2,.page-forfront-custom .hh3 {
 width: 90%;
 margin-left: auto;
 margin-right: auto;
}
/*カスタムフロントページの記事カード*/
.my_custom_article {
 width:99%!important;
 box-shadow:0 2px 4px rgba(0, 0, 0, .25);
}
/*ENDカスタムフロントページのスタイル*/


/*--------------------------------------
記事見出しをバイラル風にする
--------------------------------------*/
.viral {/*親div*/
position: relative;/*相対配置*/
margin: 0;
background: #000;
z-index: 0;
}
.viral p {
position: absolute;
color: #a9a9a9;/*文字*/
top: 6%;
left:5%;
margin:0;
padding:0;
z-index: 1;
}
.viral h1{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
color: white;/*文字は白に*/
font-weight: bold; /*太字に*/
font-size:1.4em; /*文字サイズに*/
z-index: 1;
}
.viral img {
width: 100%;
display: block;
opacity: .3;
}
@media only screen and (max-width: 480px) {/*スマホサイズ*/
.viral p {
position: absolute;
color: #a9a9a9;/*文字*/
top: 8%;
left:8%;
margin:0;
padding:0;
z-index: 1;
font-size:.8em;
}
.viral h1{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
color: white;/*文字は白に*/
font-weight: bold; /*太字に*/
z-index: 1;
font-size:1.1em;
}
}


/*--------------------------------------
 カラー変更後
--------------------------------------*/

.entry-content h2{
	background: #f9bcb136
}

#toc_container, h2, li-maindr ul, .li-mainbdr ol {
	border-color: #f9bcb1
}

.box26 .box-title {
	color : #f98f89c9
}

.box26 {
	border:solid 3px #f98f8996
}