@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を記入していきましょう。*/
/*ロゴ画像を横全体に表示*/
#inner-header, #drawer + #inner-header,#logo{
    width: 100%;
    max-width: 100%!important;
    margin: 0;
    padding: 0;
}
.header--center #logo img {
    padding: 0;
    height: auto;
    width: 100%;
}
.header--center #logo {
    padding: 0;
}
/*END ロゴ画像を横全体に表示*/
/*カテゴリーラベル色をグラデーションに*/
.cat-name{
background: #FF5F6D;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
/*ENDカテゴリーラベル色をグラデーションに*/
/*SNSボタン前のシェアの文字を消す*/
.sns-btn__title {
    display: none;
}
/*END SNSボタン前のシェアの文字を消す*/
/* プロフィール画像調整 */
.yourprofile .profile-img {
position: relative;
width: 222px;/*  画像の横幅 */
height: 222px;/* 画像の高さ */
margin: 15px auto 0;/* 画像の位置 */
}
.yourprofile .profile-img img {
border: none;/* 枠線をなくす */
}
/*END プロフィール画像調整 */
/*目次ロゴグラデーション */
.toc_title:before{
background: #FF5F6D;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFC371, #FF5F6D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*END目次ロゴグラデーション */
/*吹き出し画像枠削除 */
}
.entry-content .faceicon img {
    border: none;
}
/*END吹き出し画像枠削除 */
/*--------------------------------------
wppでランキング順位を表示する
--------------------------------------*/
/* カウンタをリセット */
.my-widget.show_num {
    counter-reset: wpp-ranking;
}
/* 一覧の表示 */
.my-widget.show_num li {
    position: relative;
}
/* 順位を表示 */
.my-widget.show_num li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
 	display: inline-block;
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 25px;
 	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
}
/* 1位 */
.my-widget.show_num li:nth-child(1):before {
	background: #FCE36b;
	color: #fff;
}
/* 2位 */
.my-widget.show_num li:nth-child(2):before {
	background: #FCE36b;
	color: #fff;
}
/* 3位 */
.my-widget.show_num li:nth-child(3):before {
	background: #FCE36b;
	color: #fff;
}
/* 4位以降の色 */
.my-widget.show_num li:nth-child(n + 4):before{
	background: #f3f3f3;
	color: #9a9a9a;
}
/*--------------------------------------
ここまでwppでランキング順位を表示する
--------------------------------------*/
/*--------------------------------------
  この記事を書いた人
--------------------------------------*/
/*SNS フォローボタンを小さくする*/
.follow_btn a:before {
width: 20px;
height: 20px;
font-size: 15px;
line-height: 20px;
}
/*--------------------------------------
  見出しh2下線グラデーション
--------------------------------------*/
.entry-content h2{
padding: .5em;
position: relative;
}
.entry-content h2:after {
content: "";
display: block;
height: 3px;
background-image: linear-gradient(to right, #FF5F6D, #FFC371);
}
/*--------------------------------------
  見出しh4下線
--------------------------------------*/
.entry-content h4 {
position: relative;
overflow: hidden;
padding-bottom: .5em;
}
.entry-content h4:before,.entry-content h4:after {
content: "";
position: absolute;
bottom: 0;
}
.entry-content h4:before {
border-bottom:
1px solid #FF5F6D;
width: 100%;
}
.entry-content h4:after {
border-bottom: 2px solid #ffffff;
width: 100%;
}