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


/* セクション */
.minibox{
max-width: 700px;
margin: auto;
margin-left:20px; 
padiing:0px; 
margin-top:5px; 
margin-bottom:5px;
border:1px solid #000;
}

/* セクションノベル */
.novelbox{
max-width: 700px;
margin: auto;
padiing:0px; 
margin-top:5px; 
margin-bottom:5px;
border:1px solid #000;
}

/* 見出し */
.entry-content h3 {
border-left: none;
position: relative;
display: inline-block;
padding: 0 45px;
padding-bottom: 0px;
	color: #000;
	font-weight: bold;
        font-size: 17px;}

.entry-content h3::after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
right: 0;
}
.entry-content h3::before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
left:0;
}


.entry-content h2 {
 background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;}

.entry-content h4 {
padding: 0px;
margin-bottom:5px; 
color: #000;
font-weight: bold;
font-size: 17px;}

/* ロゴ*/
#logo, #logo img, .desktop-nav li a,#drawer__open {
    height: 80px;
    line-height: 80px;
}

/* リンク*/

/* プロフィール*/


/*--------------------------------------
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;
}



.to-ts img {
  width: 100%;
}


/* 関連記事 */

.linkto {
    position: relative;
    max-width: 700px;/*カードの幅*/
}
.linkto:before {
    position: absolute;
    content: "関連記事";
    top: 10px;
    left: 125px;
    display: inline-block;
    width: 94px;
    height: 27px;
    text-align: center;
    vertical-align: middle;
    background: #2ca9e1;
    font-size: 14px;
    line-height: 28px;
    color: white;
    letter-spacing: 3px;
    padding-left: 3px;
    border-radius: 2px;
}



/*ハンバーガーアイコン*/
#drawer .fa-bars{
 margin-top:0.8em;
}
#drawer .fa-bars:after {
 content: "MENU";
 font-size: 8px;
 padding-top:0.3em;
 font-weight: bold;
 display: block;
 letter-spacing:0.1em;
}


/*アマゾン広告*/
.kindlespace{
  text-align: center;
}