/*
  Skin Name: いろどり
  Description: スキン自作の際にひな型となるスキンです。スタイルは何も入っていません。
  Skin URI: https://wp-cocoon.com/
  Author: ともの
  Author URI: https://nelog.jp/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.3
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/

/* サイドバー全体*/
.sidebar{
	background:#ECEAE9;
	font-size: 14px;
}


/* サイドバーH3キャンセル　*/
.sidebar h3{
	background:#f4f4f4;
}
/* サイドバーｈ３*/
.sidebar h3 {
	color: #f4f4f4;/*文字色: 色コード*/
	text-align: center;
	padding: 0.5em;/*文字周りの余白: 幅+em(単位)*/
	margin-left:-10px;
	margin-right:-10px;
border-bottom:2px solid #9a8e8f;/* #9a8e8f */
background:#c2bfbc;  /*背景を透明に*/
	  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}



/*  ヘッダー一色プラス+ヘッダー画像位置*/
.header {
	border-bottom: 7px solid #CCC0C0; /* #957E88 #B3A8A8*/
	border-top: 3px solid  #BF8692  ;/*  #BF8692 #BF7B60  #d3b9b9 #C4A48a  #663500 */
	background-position: center top ;
	background-size:inherit;
}


/*480px以下*/

@media screen and (max-width: 1000px){
.header {
	background-position: left top;
	background-size:inherit;
}
}

/* サイドバー下線　*/
.sidebar h3{
  position: relative;

  margin-bottom: 1em;
}
.sidebar h3:before {
  content: '';
  position: absolute;
  bottom: -5px;

  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #8a7a7c;
}



/*プロフィール*/
.nwa .author-box {
background: #E4E1DF;  /* #C2BDBB */
color: #494949;
	margin-top: -19px;
	margin-left:-10px;
	margin-right:-10px;
}
.author-widget-name{
	margin-top: 35px;
		padding: 6px 2px 4px 2px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 15px;
	border-radius: 10px 10px 10px 10px / 50% 50% 50% 50%;
	color: #fff; /* #eaede6 */
	border:solid px #fff;
	background:#B3A8A8; /*  #DBD8D3  */
  font-size:16px;
}
.author-thumb {
  width: 90px!important;
}
.author-box .author-content .author-name a{
color: #fff; /* リンク色にしない */
	font-weight: normal; /* 太字にしない */
	text-decoration: none; /* 下線をなくす */
	letter-spacing: 0.2em; /* 字間を広く */
	display:block;
	background: #CCC0C0;   /* #DBD8D3  */
		border:solid px #fff;
		margin-left: 35px;
	margin-top: -5px;
	margin-right: 35px;
		padding: 6px 2px 4px 2px;
	border-radius: 10px 10px 10px 10px / 50% 50% 50% 50%;
	font-size: 16px;
}
.author-box .sns-follow-buttons a.follow-button{
	width: 40px;
	height: 40px;
	margin: 6px 10px 2px 2px;
	border-radius: 20px;
	color: #fff;
	border-color: #fff;
	font-size: 24px;
	line-height: 1.6;
}
/* プロフィール文 */
.author-description{
	margin-bottom: 16px;
}
.author-description p{
	margin: 1em 0 0.5em 0;
	text-align: left;
	line-height: 2.0;
}


/**目次*/
.toc {
  display: block;
  padding: 0px;
  max-width: 600px;
	 border: 0px solid #957E88;
  font-family: 'Noto Sans JP', sans-serif;
}
.toc-title {
  position: relative;
  padding: 10px 0;
  	background-color: #C2AEAE ;
   border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  font-weight: bold;
}
.toc .toc-content {
  padding: 15px 20px;
  background-color: #F6F5F4;   /* #fffefc */
		   border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #708090;
  margin-left: -10px;
}
.toc-list > li li ::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background-color: #cdcdcd; 
  position: relative;
  margin-bottom: 2px;
}
.article .toc-list > li li {
  list-style: none;
}

/*  カスタムコメント*/
.widget h2 {
    font-size: 12px;
	color:#fff;
	text-align:center;
	   letter-spacing: 0.3em;
		background:#D1CECE;  /* #D1CECE  */
	border-bottom: 4px solid #f6f4f5;  /*     #F1EFF0   */
	width: 99.35vw;
margin: 0 calc(50% - 50vw);
	margin-top: 0px;
	margin-bottom: 0px;
}


/*    アーカイブドロップダウン　*/
#sidebar select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  outline: none;
  border: 1px solid #333; /* ボーダーの指定 */
  border-radius: 40px; /* 角丸の指定 */
  padding: 6px 14px; /* 余白の指定 */
  font-size: 14px; /* 文字サイズ */
  color: #999; /* 文字色 */
}
#sidebar select::-ms-expand {
  display: none;
}
#sidebar .widget_archive {
  position: relative;
}
#sidebar .widget_archive::after {
 font-family: "Font Awesome 5 Free";
	content: "\f058";/*アイコンのユニコード*/
  position: absolute;
  bottom: 0px; /* アイコンの位置 */
  right: 12px; /* アイコンの位置 */
  color: #82a2c2; /* アイコンの色 */
}



/*  ブログカード　*/
.blogcard{
	box-shadow: 0 2.5px 5px 0 rgba(130, 162, 194, 0.5);
}


/*       H1          */
.entry-title{
	font-family:  "ヒラギノ角ゴ W4","ヒラギノ角ゴ";
	font-size:135%;
	color: #1A1918; /* #4D4A49 #331A00 */
	margin-top: -10px;
	  padding: 0 0 0 40px;
  background-image: url( https://tomsait.com/blog/wp-content/uploads/2025/01/Untitled-35.svg );
  background-repeat: no-repeat;
  background-position: 0 2px;
}

/*480px以下*/
@media screen and (max-width: 480px){
.article h1 {
		font-size:120%;
padding-bottom:10px;
}
}



/*H2キャンセル*/
H2{
	color: #494949;
}
/* H2  */
.article h2 {
	font-family:"ヒラギノ角ゴ W4","ヒラギノ角ゴ";
	position: relative;
	padding: 30px 0px 20px 20px;
	/*border-top: double  2px #957E88;   
	border-right: double 0px #ddd;
	border-bottom: 4px double #957E88;
border-left: solid 20px #C24E4E;
	border-radius: 1px;  */
font-size:140%;
	color: #333  ; 
	  border-left: 14px solid #C24E4E;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
.article h2 {
font-size:120%;
}
}





/* H3 */
.article h3 {
  padding: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}



.article h3 {
  position: relative;
	  padding: 17px 5px 12px 35px;
  border-top: #ddd solid 0px;
	box-shadow: 0 2.5px 5px 0 rgba(130, 162, 194, 0.15);
    font-size:117%;
    font-weight: bold;
	font-family:"ヒラギノ角ゴ W4","ヒラギノ角ゴ";
    color: #333;
	background: #fffefe;
	border-top-left-radius: 5px; 
  overflow: hidden;
}
.article h3::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 0px solid #000;
  border-right:0px solid #000;
  border-left: 40px solid #C28888;
  border-bottom: 50px solid transparent;
	 border-top-left-radius: 5px;
}


.entry-content h4{
	font-family:"ヒラギノ角ゴ W4","ヒラギノ角ゴ";
	  border-top: none;
	  border-bottom: none;
  position: relative;
  padding-left: 25px;
}
.entry-content h4:before {
content: none;
background: none;
box-shadow: none;
	  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #c2a588;
}

.entry-content h4:after {
content: none;
background: none;
box-shadow: none;
	  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 1px #c2a588;
}

/* H4 */
.article h4 {
	font-size:110%;
	  color: #444;
}



/* h5*/
.entry-content h5{
	  border: none;
}
h5 {
	font-family:"ヒラギノ角ゴ W4","ヒラギノ角ゴ";
  position: relative;/*相対位置*/
 /* padding: 0px 5px 0px 0px; */
	margin-left: 20px;
  line-height: 1.4;/*行高*/
  color: #444;/*文字色*/
}

h5:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f111";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 0.8em;/*サイズ*/
  left: -13px;/*アイコンの位置*/
  top: 10px;/*アイコンの位置*/
	color:#c18181;
}
.entry-content h5{
	margin-bottom: 10px;
	margin-top: 35px;
	font-size:100%;
}





/* H6 */
.entry-content h6{
	font-family:"ヒラギノ角ゴ W4","ヒラギノ角ゴ";
border:none;
background:none;
padding: 0;
font-size:110%;
  position: relative;
  background:#fffac2;/* fbe1e2 */
  padding: 8px 5px 8px 42px;
  color: #000;
  border-radius: 20px 20px 20px 20px;
	border-bottom:1px solid #9b7171;/*下線の太さ、種類、色 e0f0ed */
	border-top:1px solid #9b7171;/*上線の太さ、種類、色 e0f0ed */
	border-right: solid 1px #9b7171;
	  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
h6:before {  font-family: "Font Awesome 5 Free";
  content: "\f001";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0.3em;
  color: #fff;
 background: #fdbf64;/* e1d2e5 */
	font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -0.90em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}



/* リスト　　*/


.entry-content ul li {
	list-style: none;
  position: relative;
}
.entry-content ul li::after,
.entry-content ul li::before {
  display: block;
  content: '';
  position: absolute;
}
.entry-content ul li::after {
  top: .35em;
  left: -1.2em;
  width: 18px;
  height: 18px;
  background-color:#7B6A58;   /* #dbab93  */
  border-radius: 100%;
}
.entry-content ul li::before {
  z-index: 2;
  top: .585em;
  left: -1.05em;
  width: 6px;
  height: 6px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}




/*---------------------------------
ボックス（白抜き）の枠の太さを個別で変える
--------------------------------*/
.blank-box {
	border-width: 2px;
border-radius: 10px 10px 10px 10px;
}