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


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

/*--------------------------------------
  ふきだしの色を変える（←左）
--------------------------------------*/
.sc {
 border: solid 2px rgba(255,255,255,0.00);/*ふきだしの線の色*/
 background: #EFEEED;/*ふきだしの中の色*/
  color: #595757;/*文字の色*/
}
.sc:before {
 border: 12px solid transparent;
 border-right: 12px solid rgba(255,255,255,0.00);/*ふきだしの線の色*/
 content: "";
}
.sc:after {
 display: inline-block;
 position: absolute;
 border: 12px solid transparent;
border-right: 12px solid #EFEEED;/*ふきだしの中の色*/
content: "";
}

/*--------------------------------------
  ふきだしの色を変える（右→）
--------------------------------------*/
.right .sc {
 background: #F06086 ;/*ふきだしの中の色*/
  color: #FFFFFF;/*文字の色*/
}
.right .sc:before,
.right .sc:after {
 right: -23px;
 left: auto;
 border: 12px solid transparent;
 border-left: 12px solid rgba(255,255,255,0.00);/*ふきだしの線の色*/
}
.right .sc:after {
 right: -20px;
 border-left-color: #F06086 ;/*ふきだしの中の色*/
}


/*--------------------------------------
  サイト全体を角丸に
--------------------------------------*/
#entry {
  margin-bottom: 1.5em;
  border-radius: 16px;
  background-color: white;
}

.cardtype__img img {
  border-radius: 16px 16px 0 0;
  width: 100%;
}
.cardtype__article {
  
  border-radius: 16px;
}

.raised {
padding: 0.7em 0.8em 0.5em 0.9em;
border-radius: 10px;
}

#submit {
  
  border-radius: 8px;
 
}
.widget {
 border-radius: 8px;
}
.widgettitle {
   border-radius:8px 8px 0px 0px;
}

.sc {
border-radius: 16px;
}

.sns-dif ul {
	margin: 16px;
	border-radius: 16px;
}

.comment.even{
	border-radius: 12px;
	margin: 10px;
	padding: 7px;
	background-color: #eaedf2;
}


.comment.odd{
	border-radius: 12px;
	margin: 10px;
	padding: 7px;
	background-color: #f8f9fa;
}

.comment:not(.depth-1){
	padding: 7px ;
	margin: 0px;
}
.comment .vcard .avatar {

left: 10px;

}
.comment .comment-author {
padding: 3px 0 2px;
}

.my-widget__img img{
	border: none;
	border-radius: 10px;
}

#archive_header {

border-top-width: 25px;

border-radius: 10px;

}
.sidelong__article {

border-radius: 10px;

}
.sidelong .newmark {
top: 3px;
right: auto;
left: 3px;
border-radius: 9px;
line-height: 23.5px;
height: 23px;
}

.wp-block-image img {
border-radius: 6px;
}

/*--------------------------------------
 ロゴのサイズ変更
--------------------------------------*/
	.header--center #logo {
    
    padding: 12px 12px 12px 18px;
 
  }
#logo img {
  height: 80px;
}

@media only screen and (min-width: 768px) {
	.header--center #logo {
    
    padding: 20px;
 
  }
#logo img {
  height: 70px;
}
}

#drawer__open,
.header-search {
  
  padding:21px 0 21px 0 ;
 
}

#breadcrumb li a{
	color: #BFC5CA;
}

#breadcrumb li a:hover{
	color: #FD7FA1;
}



.entry-meta {
color: #BFC5CA;
text-align: right;
font-size: 0.7em;
}

#UPosition{background-color: #eff1f5;}

/*--------------------------------------
 影削除
--------------------------------------*/
.header {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
}

.cardtype__article {
 
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
  
}

input#s {

  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.faceicon img {

border: solid 4px #FFFFFF;

}

/*--------------------------------------
コメントフォームカスタマイズ
--------------------------------------*/
#commentform {
    display: flex;
    flex-direction: column;
}

/*注意書き*/
.comment-notes {
    order: -2;
}

/*名前*/
.comment-form-author {
    order: -5;
}

/*肩書き*/
.comment-form-UPosition {
    order: -4;
}

/*メールアドレス*/
.comment-form-email {
    order: -3;
}

/*コメント記入欄*/
.comment-form-comment {
    order: -1;
}

/*コメント送信ボタン*/
.form-submit {
    order: 1;
}

form p{
	padding: 0;
	margin: 0;
}

.comment-form-cookies-consent label {
    font-size:0;
}
.comment-form-cookies-consent label:before {
    font-size: 15px;
    content: "チェックでお名前とメールアドレスがブラウザに保存され、次回から自動入力されます。";
	color: #7b7e82;
}

.comment-form-cookies-consent{
	margin: 0px 0 30px 0 ;
}

/*--------------------------------------
吹き出しの余白
--------------------------------------*/

.say {
display: table;
overflow: hidden;
width: 100%;
margin: 0.5em 0;
}


/*--------------------------------------
記事タイトルセンター
--------------------------------------*/

.single-title {
text-align: center;
}

/*--------------------------------------
プロフィール
--------------------------------------*/

.yamazumiprofile{
	font-size: 0.8em;
	padding-bottom: 20px;
}

.yourprofile .profile-img img {
border: none;

}

.cardtype__img {
	padding-bottom: 100%; /*縦横比1:1の場合は100%*/
}
/*--------------------------------------
カードタイプの時日付表示しない。
--------------------------------------*/
.cardtype__article time{
	display: none;
}