@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を記入していきましょう。*/

/*パンくず・日付前アイコン非表示*/
.entry-header .pubdate:before{
    content: none!important;
}
#breadcrumb li:first-child a:before{
    content: none!important;
}

/* h2 */
.entry-content h2{
position: relative;
color: #ffffff;
padding: .5em .75em;
background-color: #f49a1f;
border-radius: 6px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
}
.entry-content h2:before {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 15px solid #f49a1f;
}

.entry-content h3 {
  position: relative;
  padding-bottom: .5em;
  border-left: none;/*左端の線を消す*/
}
.entry-content h3::before,
.entry-content h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}
.entry-content h3::before {
  z-index: 2;
  width: 15%;
  background-color: #f49a1f;
}
.entry-content h3::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}

.entry-content h4 {
 padding: 0.25em 0.5em;/*上下 左右の余白*/
 background: transparent;/*背景透明に*/
 border-left: solid 8px #f49a1f;/*左線*/
}

/*--------------------------------------
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;
}
/*-----facebook部分-----*/
.prof-sns .pf-fb {
    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: #305097;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-amazon:hover{
    background: #232F3E;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----アイコンの大きさ調整-----*/
/*アイコンを変更したりする際はこちらに<i class="〇〇">の〇〇部分を,.prof-sns .〇〇と変更して追加、いらないアイコンは削除*/
.prof-sns .fa-twitter,.prof-sns .fa-rss,.prof-sns .fa-facebook,.prof-sns .fa-user-circle-o {
    font-size: 3em;/*全部のアイコンの大きさ*/
}

/* h2下余白 */
.entry-content h2 {
    margin: 2.5em 0 1.5em;
}
/* h3下余白 */
.entry-content h3 {
    margin: 2.8em 0 1.5em;
}

/*-----スマホ固定フッターメニューを半透明-----*/
ul#menu-mb_footer {
    background: #ffffffe0;
}

/*-----アコーディオンの色を変える-----*/
.accordion label {
    background-color: #FFFFFF;/*背景の塗りつぶし色*/
    border: solid 2px #f49a1f;/*線のタイプ 太さ 色*/
}