/*
Theme Name: PORIPU 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.4.4
*/
/*--------------------------------------
ここから下にCSSを追加してください
--------------------------------------*/
/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{

}
h2.besic {
	position: relative;
	padding: .3em;
	background: #d7ad10;
	border-radius: 8px;
	color: #ffffff;
}
h2.besic:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 20px;
	border: 10px solid transparent;
	border-top: 10px solid #d7ad10;
	width: 0;
	height: 0;
}
h2.besic2 {
	position: relative;
	padding: .3em;
	background: #DB5C35;
	border-radius: 8px;
	color: #ffffff;
}
h2.besic2:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 20px;
	border: 10px solid transparent;
	border-top: 10px solid #DB5C35;
	width: 0;
	height: 0;
}
h2.besic3 {
	position: relative;
	padding: .3em;
	background: #009CD1;
	border-radius: 8px;
	color: #ffffff;
}
h2.besic3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 20px;
	border: 10px solid transparent;
	border-top: 10px solid #009CD1;
	width: 0;
	height: 0;
}
/*--------------------------------------
  見出しh3
--------------------------------------*/
h3.besic {
	position: relative;
	padding: 0.1em 0.3em 0.3em 0.5em;
	border-left: 10px solid #d7ad10;
}
h3.besic::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 3px solid #B0BEC5;
}
h3.besic2 {
	position: relative;
	padding: 0.1em 0.3em 0.3em 0.5em;
	border-left: 10px solid #DB5C35 !important;
}
h3.besic2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 3px solid #B0BEC5 !important;
}
h3.besic-Yahoo {
	position: relative;
	padding: 0.1em 0.3em 0.3em 0.5em;
	border-left: 10px solid #007FBD !important;
	color: #0062A0;
}
h3.besic-Yahoo::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '' ;
	width: 100%;
	height: 0;
	border-bottom: 3px solid #B0BEC5 !important;
}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {

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


/*--------------------------------------
俺スタンダード
--------------------------------------*/

/*スマホヘッダーメニュー固定*/
@media only screen and (max-width: 767px) {
.header {
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
}
/*ヘッダーを固定して詰まった分だけコンテンツを下げる*/
#container{
  padding-top:62px;
}
/*見出しへのリンクを見やすいように修正*/
h2 span, h3 span {
  padding-top: 62px;
  margin-top: -62px;
}}

/*キャプション*/
.wp-caption{
background-color:#EBF3F9;
color:#0062A0;
font-weight:bold;
margin:0.5em 0 !important;
}

/*NEWマーク*/
.newmark {
width: 45px;
height: 45px;
border-radius: 50%;
line-height: 45px;
background: #D9073D !important;
color:#fff; 
}

/*ロゴ画像を横全体に表示*/
@media screen and (min-width: 641px) {
#inner-header, #drawer + #inner-header, #logo {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.header--center #logo img {
    padding: 0;
    height: auto;
    width: 100%;
    max-width: 400px;
}
.header--center #logo {
    padding: 0;
}}

/*カテゴリーの記事数のデザインを変更*/
.entry-count{   
    float:right;
    border-radius: 3px; 
    background: #3C3D3D;
	color: #fff;
}

/*本文内画像マージン*/
.entry-content img{
	margin:0.5em 0 !important;
}

/*目次*/
.toc_title {
	padding-left: 60px;
}

/*テキスト装飾*/
.kyo{
	font-weight:700;
}
.dai{
	font-size:1.5em;
	font-weight:700;
}

.aka {
	color: #F80606;
}
.aka_b{
	color: #F80606;
	font-weight: bold; 
}

.pink {
	color: #DD84E0;
}
.pink_b {
	color: #DD84E0;
	font-weight: bold; 
}

.ao {
	color: #1C05FF;
}
.ao_b {
	color: #1C05FF;
	font-weight: bold; 
}

/**マーカー上書き**/
.keiko_red {
background: linear-gradient(transparent 60%, #FA9CB8 0%);
font-weight:700;
}
.keiko_blue {
background: linear-gradient(transparent 60%, #87CEFA 0%);
font-weight:700;
}
.keiko_gold {
background: linear-gradient(transparent 60%, #FCCA14 0%);
font-weight:700;
}


/*SNSシェアボタン 丸型*/
.sns-btn__title{
	display: none;
}
.sns-dif ul {
    background: none;
}
.sns-dif ul li a {
    padding: 0;
	box-shadow: none;
}
.sns-dif ul li a:hover {
	box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.25);
}
.tw a {
    background: #7dcdf7!important;
}
.fb a {
    background: #7c9dec!important;
}
.hatebu a {
    background: #7cb1ec!important;
}
.pkt a {
    background: #f99593!important;
}
.line a {
    background: #8ed97a!important;
}
.tw a, .fb a, .hatebu a, .pkt a, .line a{
    color: white;
}
.sns-dif ul li a{
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
}
.sns-dif ul li a i{
	height: 50px;
	line-height: 50px;
	font-size: 25px!important;
}

/*カエレバ-値段追加*/
.kaereba-price{
	display: block;
	font-size: 0.8em;
	color: #D22932;
}

/*引用*/
.entry-content blockquote {
    box-sizing: border-box;
    position: relative;
    padding: 1em 1em 1em 3.5em;
    border: none;
	font-size: 0.9em;
}
.entry-content blockquote:before {
    font-style: italic;
    color: #363C3C!important;
    line-height: 2.3em;
    width: 2.4em;
    height: 3em;
    position: absolute;
    display: inline-block;
    border-left: solid 2px #d7ad10;
    border-top: solid 2px #d7ad10;
    top: 0;
    left: 0;
    padding-left: .6em;
}
.entry-content blockquote:after{
    content: '';
    width: 5em;
    height: 5em;
    position: absolute;
    display: inline-block;
    border-right: solid 2px #d7ad10;
    border-bottom: solid 2px #d7ad10;
    bottom: 0;
    right: 0;
}
.entry-content blockquote cite{
    text-align: left;
}
.entry-content blockquote cite a{
    color: #284799;
    text-decoration: underline;
}

/*カテゴリ別人気記事のボタンを消す*/
.wpp_cat{
display: none;
}

/*--------------------------------------
俺スタンダードここまで
--------------------------------------*/

/**マージン**/
.mt2em{
	margin:3em 0 1.2em 0;
}

/**ボタン上書き**/
.flat2 {
    border: solid 2px #FF0027;
	background: #FF0027;
    color: white;
}

.flat2:hover {
    background: white;
    color: #FF0027;
}

/*--------------------------------------
  参考外部リンク
--------------------------------------*/
.reference {
    width: 100%;
	max-width: 100%;
    background: #fff;
    box-shadow: none;
    border: 2px solid rgba(123,186,219,0.8);
    padding: 6px;
    position: relative;
}
.reference:before {
    content: "新しいタブで開く";
    color: rgba(66,66,66,0.54);
    position: absolute;
    right: 10px;
    font-size: 12px;
    bottom: 6px;
    display: inline-block;
    background: #87CEEB;
    padding: 2px 20px;
    border-radius: 15px;
}
.reference .refttl {
    width: 89px;
    border-right: none;
    background: rgba(123,186,219,0.8);
    padding: 13px;
    box-shadow: 0 0 0 6px rgba(123,186,219,0.8);
}
.reference .refcite {
    padding-left: 15px;
    line-height: 1.8;
}
.reference .refcite span {
    color:#999;
    font-size: .95em;
}
@media screen and (max-width: 640px){
.reference {
    width: 100%;
}
.reference .refcite {
    padding-left: 10px;
    font-size: .8em;
    padding-bottom: 25px;
}}
.reference:hover {
    box-shadow: none;
    color: rgba(66,66,66,0.87);
    background: rgba(66,66,66,0.07);
}