/*
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.0
*/
/*--------------------------------------
ここから下にCSSを追加してください
--------------------------------------*/
/*--------------------------------------
注釈用ふきだしカスタマイズ
--------------------------------------*/

.points.p-custom {background: #4DD4C8;/*吹き出しの色*/}
.points.p-custom:before{border-top: 10px solid #4DD4C8;/*吹き出しの色*/}

/*カスタマイズ用*/
.kanren.p-custom{border: 2px solid #4DD4C8;/*枠線の色*/}
.kanren.p-custom:before{background-color: #4DD4C8;/*吹き出しの色*/}
.kanren.p-custom:after{border-top: 12px solid #4DD4C8;/*吹き出しの色*/}
.kanren.p-custom ul li:before {color: #4DD4C8;/*吹き出しの色*/}

/*--------------------------------------
マイクロコピー付きボタン
--------------------------------------*/
.abtn-mc1{
    margin-bottom: -1.3em;
}
.abtn-mc1 a{
    display: inline-block;
    width: 95%;
    margin: 0;
    border-radius: 3px;
    background: #4DD4C8;
    color: #fff;
    padding: .2em .3em;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc1 a:after{
    content: "\f138";
    font-family:"FontAwesome";
    margin-left: 20px;
}
.abtn-mc1 a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}
.abtn-mc1-top-text{
    font-weight: bold;
    margin-bottom:.4em!important;
}
.abtn-mc1-under-text{
    font-size: .8em;
}

/*--------------------------------------
ウィジェットの背景を白くする
--------------------------------------*/
div#text-3{
    background: none;
}

/*--------------------------------------
サイドバーのアイコン
--------------------------------------*/
.sidebar .widgettitle:before {
padding-right: .7em;
padding-left: .3em;
}

.sidebar #text-2 .widgettitle:before {
  content: "\f099";
}

.sidebar #toc-widget-2 .widgettitle:before {
  content: "\f278";
}

/*--------------------------------------
キャプションを変更
--------------------------------------*/
.entry-content .wp-caption {
max-width: 100%;
margin: 0;
padding: 0;
border: none; /* 枠線を消す */
}
.entry-content .wp-caption p.wp-caption-text {
margin-top: 0.2em; /* 画像との余白 */
font-size: .7em; /* キャプションの文字の大きさ */
text-align: right; /* 右揃え */
}

/*--------------------------------------
SNSボタンカスタマイズ
--------------------------------------*/
/*-----ボタンが入る枠の設定です-----*/
.prof-sns{
    text-align: center;/*中央揃え*/
    padding-top: 5%;/*上の余白（内側）*/
    border-top: 2px dotted #42424220;/*上線 太さ 形状 色*/
    font-size: 0.6em;/*文字の大きさ*/
}
/*-----Twitter部分-----*/
.prof-sns .pf-tw {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 43%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 5%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px;/*上の余白（内側）アイコンの位置調整用*/
    border-radius: 5px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #1DA1F290;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-tw:hover{/*カーソルをのせたときの変化*/
	background: #1DA1F2;/*背景色*/
	text-decoration: none;/*文字の下線が出ないように*/
	transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}
/*-----プロフィール部分-----*/
.prof-sns .pf-pf {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #828282;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-pf:hover{
    background: #424242;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----FEEDLY部分-----*/
.prof-sns .pf-fd {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #80CF93;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-fd:hover{
	background: #2BB24C;/*ここの色はお好きな色に*/
	text-decoration: none;
	transition: all ease-in-out .3s;
}
/*-----ブログランキング部分-----*/
.prof-sns .pf-bolt {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #EECC75;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-bolt:hover{
    background: #EEAC00;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----アイコンの大きさ調整-----*/
/*アイコンを変更したりする際はこちらに<i class="〇〇">の〇〇部分を,.prof-sns .〇〇と変更して追加、いらないアイコンは削除*/
.prof-sns .fa-twitter,.prof-sns .fa-rss,.prof-sns .fa-bolt,.prof-sns .fa-user-circle-o {
    font-size: 3em;/*全部のアイコンの大きさ*/
}

/*--------------------------------------
記事カードに余白を追加
--------------------------------------*/
.cardtype__img img {/*カード記事の画像*/
    padding: .45em .45em 0 .45em;/*上　右　下　左の余白*/
}

/*--------------------------------------
NEW部分の位置調整（記事カード余白追加用）
--------------------------------------*/
.newmark {/*NEWの部分*/
    right: 1.05em;/*右からの距離*/
    top: 1.05em;/*上からの距離*/
}

/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{

}
/*--------------------------------------
  見出しh3
--------------------------------------*/
.entry-content h3 {

}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {

}