@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 両サイドテープ囲み */
.boxmi22 {
  margin: 3em 0 1em 0;
  background: #fff6e6;
  box-shadow: 0 2px 3px rgba(0,0,0,.22);
  padding: 22px 8px 22px 8px;
  background-color: #fff6e6;
  background-size: 8px 100%,100% 2em;
  line-height: 2;
  color: #7b6459;
  font-weight: bold;
}
.boxmi22-title {
  background: #fff6e6;
  position: relative;
  font-size: 1.2em;
  padding: 8px 4px 2px 4px;
  color: #7b6459;
  font-weight:bold;
  text-align: center;
  margin: -16px -8px 16px -8px;
}
.boxmi22-title:before {
  position: absolute;
  content: "";
  top: 25px;
  width: 10%;
  height: 35px;
  opacity: 0.7;
  margin: -40px auto 10px -22px;
  background-color: #f8c678; /* 背景色 */
  background-image: radial-gradient(#fff 24%, transparent 0), radial-gradient(#fff 24%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  transform: rotate(3deg);
  transform: rotate(1deg);
  left: 10px;
  right: 10px;
  box-shadow:0 0 5px rgba(0,0,0,.2);
}
.boxmi22-title:after {
  position: absolute;
  content: "";
  top: 25px;
  width: 11%;
  height: 35px;
  opacity: 0.7;
  margin: -40px -22px 10px auto;
  background-color: #f8c678; /* 背景色 */
  background-image: radial-gradient(#fff 24%, transparent 0), radial-gradient(#fff 24%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  transform: rotate(3deg);
  left: 10px;
  right: 10px;
  box-shadow:0 0 5px rgba(0,0,0,.2);
}
.boxmi22 p {
  margin: 0;
  padding: 0;
}

/*メモボックス*/
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}
/*見出し1*/
.article h1 {
  position: relative;
	color: #7b6459;/*文字の色*/
  background: #faebd0;
  box-shadow: 0px 0px 0px 5px #faebd0;
  border: dashed 2px #f8c678;/*内線の色*/
  padding: 0.2em 0.5em;
}

.article h1:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #faebd0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.article h2 {
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
  color: #7b6459;
}

.article h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

.article h3 {
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #7b6459;/*文字色*/
}
.article h3:after {
  position: absolute;
  bottom: -30%;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #ffc014, #ffc014 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #ffc014, #ffc014 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.article h3:before {
  font-family: FontAwesome;
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 1;/*アイコンの位置*/
  color: #ffc014; /*アイコン色*/

}

.article h4 {
  border-bottom: double 5px #FFC778;/*線の種類（二重線）太さ 色*/
}

/*最初に作った引用*/
blockquote.a{
  position:relative;
  border-left:2px solid #ffc014;
  border-right:2px solid #ffc014;
  padding:20px;
  background:#faebd0;
}
blockquote.a:before{
  position:absolute;
  font-family:'FontAwesome';
  content:'\f10d';
  font-size: 28px;
  color:#ffc014;
  top:10px;
  left:10px;
}
blockquote.a:after{
  position:absolute;
  font-family:'FontAwesome';
  content:'\f10e';
  font-size: 28px;
  color:#ffc014;
  right:10px;
  bottom:5px;  
}
blockquote.a cite {
  display: block;
  font-size: 0.8rem;
  text-align: right;
  color: #808080;
  padding-right:20px;
}


/* ねこBOX A*/
.neko-box-a {
 position: relative;
 margin: 4em auto 3em;
 padding: 20px 30px;
 width: 90%; /* ボックス幅 */
 background: #faebd0; /* ボックス背景色 */
 color: #333333; /* 文字色 */
 font-weight: bold; /* テキスト太字（不要なら行を削除） */
 text-align: center; /* テキスト中央（不要なら行を削除） */
 border: 5px solid #ffc014; /* ボックス枠線(太さ・線種・色) */
 border-radius: 50px;
 z-index: auto;
}
.neko-box-a::before, 
.neko-box-a::after {
 height: 60px;
 width: 60px;
 position: absolute;
 content:'';
 top: -30px;
 z-index: -10;
}
.neko-box-a::before {
 left: 20%;
 background: #ffc0cd; /* 左耳背景色 */
 border: 10px solid #ffc014; /* 左耳枠線(太さ・線種・色) */
 border-radius: 10px 50px 100px 50px;
 transform: rotate( 45deg );
}
.neko-box-a::after {
 right: 20%;
 background: #ffc0cd; /* 右耳背景色 */
 border: 10px solid #ffc014; /* 右耳枠線(太さ・線種・色) */
 border-radius: 50px 10px 50px 100px;
 transform: rotate( -45deg );
}
.neko-wrap-a{
 background-color: transparent;
 position: relative;
 z-index: 0;
}

/*　手書き風BOX 1　*/
.kakomi-te1 {
 margin: 2em auto; 
 padding: 1em 1.5em;
 width: 90%; /*幅の調節*/
 color: #777777; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border: 4px solid #faebd0; /*線の太さ・色*/
 border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}
/*肉球リスト*/
.list8 {
  margin: 3em 0 1em 0;
}
.list8-title {
  display: inline-block;
  padding: 1px 10px 0 10px;
  background: #faebd0;
  color: #7b6459;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.list8 ul,.list8 ol {
  position: relative;
  border: solid 2px #faebd0;
  margin: 0;
  padding: 0;
}
.list8 ol {
  counter-reset: number;
}
.list8 ul li,.list8 ol li  {
  color: #7b6459;
  line-height: 1.5;
  padding: 0.5em 0.9em 0.5em 1.8em;
  border-bottom: dashed 1px #ffc014;
  list-style-type: none;
}
.list8 ul li:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f1b0";
  left : 0.5em;
  color: #ffc014;
}
.list8 ol li:before {
  display: inline-block;
  position: absolute;
  font-family: "Quicksand", sans-serif;
  content: counter(number);
  counter-increment: number;
  left: 0.5em;
  width: 22px;
  height: 22px;
  border-radius: 20%;
  background: #ffc014;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}
.list8 ul li:last-of-type,.list8 ol li:last-of-type{
  border-bottom: none;
}

.list9 {
  margin: 3em 0 1em 0;
}
.list9-title {
  display: inline-block;
  padding: 1px 10px 0 10px;
  background: #202f55;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.list9 ul,.list8 ol {
  position: relative;
  border: solid 2px #202f55;
  margin: 0;
  padding: 0;
}
.list9 ol {
  counter-reset: number;
}
.list9 ul li,.list9 ol li  {
  color: #202f55;
  line-height: 1.5;
  padding: 0.5em 0.9em 0.5em 1.8em;
  border-bottom: dashed 1px #202f55;
  list-style-type: none;
  font-weight: bold;
}
.list9 ul li:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f00d";
  left : 0.5em;
  color: #000000;
}
.list9 ol li:before {
  display: inline-block;
  position: absolute;
  font-family: "Quicksand", sans-serif;
  content: counter(number);
  counter-increment: number;
  left: 0.5em;
  width: 22px;
  height: 22px;
  border-radius: 20%;
  background: #202f55;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}
.list9 ul li:last-of-type,.list8 ol li:last-of-type{
  border-bottom: none;
}

.toc{
    font-size: 1em;
    padding: 1em 2em 2em;
    background-color: #ffffff; /*←背景色*/
    border-radius: 20px;
    border: double 10px;
    border-color: #faebd0 !important;
}
 
.toc-title {
    font-size: 1.2em;
    font-weight: 500;
    color: #000000; /*←タイトルの文字色*/
    margin: 1em;
    background-color: #faebd0; /*←タイトルの背景色*/
    padding: 0.5em 2em 0.5em 0.5em;
    border-radius: 20px;
}
 
.toc-title:before {
    font-family: FontAwesome;
    content : "\f1b0";  /*←アイコン*/
    font-size: 1.2em;
    border-radius: 50%;
    color: #ffc014;  /*←アイコンの色*/
    padding: 0.5em;
    margin-right: 0.5em;
}
 
.toc-content ol {
    position: relative;
}
 
.toc-content ol li {
    padding: 1em 0 0 1em;
    border-bottom: dashed 1px #F69B65  ;
    list-style: none;
}
 
.toc a {
    color: #707070 ; /*←見出しの文字色*/
}
 
.toc-content ol li:before {
    font-family: FontAwesome; 
    content: "\f101"; /*←見出しアイコン*/
    color: #F69B65; /*←見出しアイコンの色*/
    position: absolute;
    left : 1em;
}
 
.toc-content ol li:last-child {
    border-bottom: none;
}

.b{font-weight:bold;margin:0 0.15em;}

.stripe-marker-rainbow {
  background-image: repeating-linear-gradient(-45deg,
    #fadbda 0, #fadbda 2px,
    transparent 2px, transparent 4px,
    #feecd2 4px, #feecd2 6px,
    transparent 6px, transparent 8px,
    #fff9c9 8px, #fff9c9 10px,
    transparent 10px, transparent 12px,
    #d5ead8 12px, #d5ead8 14px,
    transparent 14px, transparent 16px,
    #d3edfb 16px, #d3edfb 18px,
    transparent 18px, transparent 20px,
    #d2cce6 20px, #d2cce6 22px,
    transparent 22px, transparent 24px,
    #ffe2ef 24px, #ffe2ef 26px,
    transparent 26px, transparent 28px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.stripe-marker-momo {
  background-image: repeating-linear-gradient(-45deg,
    #ffe2ef 0, #ffe2ef 2px,
    transparent 2px, transparent 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.stripe-marker-midori {
  background-image: repeating-linear-gradient(-45deg,
    #bdf9c3 0, #bdf9c3 2px,
    transparent 2px, transparent 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.stripe-marker-ao {
  background-image: repeating-linear-gradient(-45deg,
    #b7e3ff 0, #b7e3ff 2px,
    transparent 2px, transparent 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.stripe-marker-murasaki {
  background-image: repeating-linear-gradient(-45deg,
    #d2cce6 0, #d2cce6 2px,
    transparent 2px, transparent 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.stripe-marker-aka {
  background-image: repeating-linear-gradient(-45deg,
    #FADBDA 0, #FADBDA 2px,
    transparent 2px, transparent 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.stripe-marker-kiiro {
  background-image: repeating-linear-gradient(-45deg,
    #FFF9C9 0, #FFF9C9 2px,
    transparent 2px, transparent 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

.stripe-marker-orange {
  background-image: repeating-linear-gradient(-45deg,
    #FEECD2 0, #FEECD2 2px,
    transparent 2px, transparent 4px
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.5em;
}

/***比較テーブル***/
.kodai-table {
	table-layout: fixed;
  color:#7b6459;
  border-collapse: collapse;
  box-shadow: 0 0 8px gray;
}
.kodai-table th, kodai-table td {
  border: solid 0.5px #808080;
}

/* ヘッダー */
.kodai-table thead th {
	background:#f8c678;
	font-weight: bold;
	color:#7b6459;
}

/* ボディ項目・フッター項目 */
.kodai-table tbody th,
.kodai-table tfoot th {
	background:#faebd0;
  color:#7b6459;
}

/* ボディデータ・フッターデータ */
.kodai-table tbody td,
.kodai-table tfoot td {
  border: solid 0.5px #808080;
	text-align:center;
}
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

@media screen and (max-width: 768px) {
	#navi .navi-in > .menu-mobile li {
		width: 33%;
	}
	#navi .navi-in > .menu-mobile li a {
		font-size: 12px; /*場合によってフォントサイズを小さく*/
	}
}

@media screen and (max-width: 768px){
	.navi-footer-in>.menu-footer {
flex-wrap: nowrap;/*フッターメニューを一列に*/
	}
	
	.navi-footer-in a{
		font-size: 12px;/*フッターメニューの文字の大きさを変更*/
	}
}

.sample-box-6 {
    background-color: #faebd0;
    border: 2px dashed #ffc014;
    border-radius: 8px;
    box-shadow: 0 0 0 4px #faebd0;
    color: #7b6459;
    margin: 2em 0;
    padding: 2em;
}
/* カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}


/* フッダー背景画像 */
#footer {
background-image: url( https://pochiyuchita.com/wp-content/uploads/2022/09/border.png );
}
/* グローバルメニューの比率はボックスの数を入力 */
@media screen and (min-width: 600px){
.wwa .box-menu{
	width: calc(100%/4);
}
}

/* グローバルメニューの文字色と大きさ */
.box-menu-label{
	color: #7b6459;
	font-size: 16px;
}

/* ************ *
 * PCnaviに画像 *
 * ************ */
@media screen and (min-width : 1023px) {
	/* メニューの余白・幅・高さ指定 */
	.navi-in > ul > li {
		line-height: 1.2;
		margin: 1em 4em; /* 上下1em　左右1em→0.6emで余白が狭く */
		width: 100px;
		height: 80px;
	}
	/* ナビ領域下余白 */
	.navi-in .menu-header {
		padding-bottom: 1em;
	}
	/* 背景画像の領域：リンク */
	#navi-in > ul > li > a {
		width: 70px;
		height: 70px;
		display: inline-block;
		font-size: 0.6em; /* 文字サイズ変更時：子カテゴリがあれば要調整 */
		position: relative;
		background-size: cover; /* 画像サイズ調整 */
		background-position: 50%;
	}
	/* 子カテゴリがある時のマーク */
	.navi-in > ul > .menu-item-has-children > a::after {
		top: 7.5em; /* 文字サイズ変更時：要調整 */
		right: -0.9em;
	}
	/* 1つ目 */
	.navi-in > ul > li:nth-child(1) > a {
		background: url(https://pochiyuchita.com/wp-content/uploads/2022/09/home-1.png) no-repeat;
	}
	/* 2つ目 */
	.navi-in > ul > li:nth-child(2) > a {
		background: url(https://pochiyuchita.com/wp-content/uploads/2022/09/sitemap-1.png) no-repeat;
	}
	/* 3つ目 */
	.navi-in > ul > li:nth-child(3) > a {
		background: url(https://pochiyuchita.com/wp-content/uploads/2022/09/profile-1.png) no-repeat;
	}
	/* 4つ目 */
	.navi-in > ul > li:nth-child(4) > a {
		background: url(https://pochiyuchita.com/wp-content/uploads/2022/09/contact-1.png) no-repeat;
	}
	/* 5つ目 */
	.navi-in > ul > li:nth-child(5) > a {
		background: url(画像URL) no-repeat;
	}
	/* 6つ目 */
	.navi-in > ul > li:nth-child(6) > a {
		background: url(画像URL) no-repeat;
	}
	/* 7つ目 */
	.navi-in > ul > li:nth-child(7) > a {
		background: url(画像URL) no-repeat;
	}
	/* 8つ目 */
	.navi-in > ul > li:nth-child(8) > a {
		background: url(画像URL) no-repeat;
	}
	/* 9つ目 */
	.navi-in > ul > li:nth-child(9) > a {
		background: url(画像URL) no-repeat;
	}
	/* メニュー名 */
	#navi-in > ul > li > a .item-label {
		position: absolute;
		bottom: -30%; /* 位置調整 */
		font-weight: bold;
		/*text-shadow: 1px 1px 0 #fff;*/
		left: 0;
		right: 0;
	}
	/* 短めcaptionを付けているとき */
	.navi-in > ul .menu-item-has-description > a > .caption-wrap > div {
		position: absolute;
		bottom: -3.6em;
	}
	/* ナビ名の色 */
	.navi-in a .item-label {
		color: #7b6459;
	}
	/* ナビ名の色：hover */
	.navi-in a .item-label:hover {
		color: #7b6459;
	}
	/* ナビ背景色 */
	.navi {
		background-color: #fff0; /* 白透明に指定 */
	}
	/* ココまでナビ背景色：不要なら削除 */
	/* ナビリンクonマウス */
	.navi-in a:hover {
		background-color: #fff0; /* 白透明に指定 */
	}
	/* ココまでナビリンクonマウス ：不要なら削除 */
}
/* レシピ用テーブル */
.recipe-table{
  width: 100%;
  margin: 3px auto; 
  border-collapse: collapse;
  border: solid 1.2px #fad9a7;
}

/* キャプション */
.recipe-table caption {
  text-align: left;
  font-size: 1rem;
  font-weight: 600;
  color: #7b6459;/*右側文字色*/
  line-height: 1.4em;
  padding: 1px;
}
.recipe-table tr{
  border-bottom: solid 1.2px #fad9a7;

}

.recipe-table tr:last-child{
  border-bottom: none;
}

.recipe-table th{
  position: relative;
  text-align: left;
  width: 50%;
  background-color: #f8c678;
  color: #7b6459;
  text-align: left;
  padding: 10px 10px;
}

.recipe-table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #f8c678;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.recipe-table td{
  text-align: left;
  width: 50%;
  text-align: center;
  background-color: #ffffff;
  color: #7b6459;
  padding: 10px 10px;
}


/************************************
** もしものかんたんリンク
************************************/
/*cocoonの設定で付く枠を消す*/
.easyLink-img img{
  box-shadow: initial!important;
}
/*画像スライドの矢印消す*/
.easyLink-arrow-left{
  display:none!important;
}
.easyLink-arrow-right{
  display:none!important;
}
/*商品名の大きさとか*/
.easyLink-info-maker{
  font-size:10px!important;
  color:#808080!important;
}
/*ボタンをいじるよ*/
.easyLink-info-btn a{
  margin: 5px 10px 5px 0!important;
  padding: 0 12px!important;
  line-height: 35px!important;
  display: inline-block!important;
  width: 100%!important;
  box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;
}
/*アイコンを入れるよ*/
.easyLink-info-btn a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";
  padding-right: 3px;
}
.easyLink-box {
  margin-bottom: 1.5em!important;
}
.easyLink-info-btn {
  display: inline!important;
}
/*ボタンの色を変えたい時はここから*/
.easyLink-info-btn-amazon{
  background:rgb(255,179,107)!important;
}
.easyLink-info-btn-rakuten{
  background:rgb(234,115,115)!important;
}
.easyLink-info-btn-yahoo{
  background:rgb(115,193,234)!important;
}
/*ここからスマホverの調整*/
@media screen and (max-width: 480px){
/* スマホの広告幅 */
  div.easyLink-box.easyLink-size-s {
    max-width: 340px !important;
}
/* スマホのボタン調整 */
.easyLink-info-btn a{
  margin: 5px 10px 5px 0!important;
  padding: 0 12px!important;
  line-height: 35px!important;
  display: inline-block!important;
  width: 100%!important;
  box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;
}
/*スマホでも横長にするため*/
.easyLink-img{
  float:left!important;
  width:130px;
  padding-right:20px!important;
}
.easyLink-info{
  display:flex;
  flex-wrap:wrap;
}
.easyLink-info-btn-yahoo{
  font-size:10px!important;
}
p.easyLink-info-name a {
  font-size: 16px;
}
.easyLink-info-btn {
  margin-top:-5px!important;
}
p.easyLink-img-box {
  position: initial!important;
  padding-bottom:130px!important;
}
/* 商品画像サイズ */
div.easyLink-box div.easyLink-img,
div.easyLink-box div.easyLink-img
p.easyLink-img-box,
div.easyLink-box div.easyLink-img
p.easyLink-img-box img.easyLink-img-pht{
/*画像のサイズを変える時はここ*/
  max-height: 170px !important;
  min-height:100px !important;
  max-width: 130px!important;
}
}

/************************************
** プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 0;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;
border-radius: 10px;
}
@media (max-width: 1023px){
aside {
padding: 0 .5em;
}
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 5em 0;
border-radius: 10px 10px 0 0;
}
.author-box figure.author-thumb{
float: none;
text-align: center;
background: url(https://pochiyuchita.com/wp-content/uploads/2022/09/プロフ背景.png) center no-repeat;/* 背景画像URL */
background-size: cover;
z-index: 0;
 position: relative;
}
.author-box img.avatar.photo{
background-image: none;
padding: 0!important;
box-shadow:none;
}
.author-box figure.author-thumb img{
width: 40%;
max-width:180px;
margin-top:5em;
}
@media (min-width:1023px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:120px;
}}
@media (max-width:480px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:130px;
}}
.author-box .author-name {
margin: 0 0 2em 0;
}
.author-box .author-content .author-name a{
text-decoration: none;
font-size:1.2em;
color:#545454;
}
.nwa .author-box .author-description {
margin-bottom:1.5em
}
.author-box .author-content .author-description p{
font-size:14px;
color:#7b7b7b;
line-height:1.6em!important;
margin:1em;
}
/* 「#author_box-2」は「#author_box-3」もしくは「#author_box-4」 */
#author_box-2 p{
margin:1em 2.5em;
}
div.author-follows{
padding-bottom:2em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
color: #fff!important;
margin:0 3px;
transition: .5s;
}
div.author-follows a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
div.author-follows a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
div.author-follows a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
div.author-follows a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
div.author-follows a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
div.author-follows a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
div.author-follows a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
div.author-follows a.follow-button.tiktok-button.tiktok-follow-button-sq{background-color: #000000!important;}
div.author-follows a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
div.author-follows a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
div.author-follows a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
div.author-follows a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
div.author-follows a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
div.author-follows a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
div.author-follows a.follow-button.twitch-button.twitch-follow-button-sq{background-color: #5C16C5!important;}
div.author-follows a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
div.author-follows a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
div.author-follows a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
div.author-follows a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
div.author-follows a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
div.author-follows a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }
@media (max-width:1023px){
.nwa .author-box .author-thumb {
height:11em;
margin:0 0 7em 0;
}
.author-name{
font-size:16px!important;
}
.author-description{
line-height: 1.5 !important;
text-align:center;
margin:0 auto;
}
}
@media screen and (max-width: 1023px){/*スマホ画面でサイドバーを非表示*/
div.sidebar {
display: none;
}
}

/*マスキングテープ風BOX*/
.box75{
margin: 2em auto;
color: #7b6459;
border: solid 0.2px #e5d2c5;
background-color: #ffffff;/*ボックス背景色*/
padding:2.5em 2em 1em;/*ボックス内側余白*/
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);/*ボックス影*/
position:relative;/*配置(ここを基準に)*/
width:95%;
}
.box75 .box-title {
background-image: repeating-linear-gradient(-45deg,#ffffff 0, #ffffff 3px,#ffdead 3px,#ffdead 6px);/*ストライプ*/
border-left: 0px dotted rgba(250,235,208,.1);/*テープのギザギザ左*/
border-right: 0px dotted rgba(250,235,208,.1);/*テープのギザギザ右*/
transform: rotate(-2deg);/*テープの傾き*/
font-size: 1em;/*タイトル文字の大きさ*/
padding: 10px 20px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;/*配置(ここを動かす)*/
top: -10px; /*上から（-10px）移動*/
left: 20px; /*左から(20px)移動*/
}
.box75 p {
margin: 0;
padding: 0;
}

/************************************
** 記事下の関連記事
************************************/
/*見出し前にアイコンをつける*/
h2.related-entry-heading span:before {
  content: "";
  z-index: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-family: "Font Awesome 5 Free"!important;
  content: "\f1b0";
  color:#ffffff;
  background-color:#f8c678;/*お好みの色に*/
  display:inline-block;
  text-align: center;
 }
h2.related-entry-heading span{
  color:#7b6459;
}
.related-entry-card-thumb img {
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.entry-card-title, .related-entry-card-title {
  color:#555;
}
.rect-mini-card .related-entry-card-wrap {
  border-bottom: 1px dashed #CCCCCC;/*区切り線*/
}
.related-entry-card .cat-label {
  display: none;/*カテゴリー非表示に*/
}
/*丸い番号付きリスト*/
ol.sample1{
  counter-reset:list;
  list-style-type:none;
  font: 10px/1.6 'arial narrow', sans-serif;
  padding: 1.5em;
}
ol.sample1 li{
  position:relative;
  padding: 7px 5px 7px 10px;
  margin: 0px 0 10px 30px;
  font-weight: bold;
  font-size:14px;
  border-bottom:dashed 1.5px #F6A38B;
}
ol.sample1 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -30px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  background: #F6A38B;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
color: #7b6459;
  border-bottom: 1px dashed #ed514e; /* 下線の種類 */
}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f1b0"; /* FontAwesomeのユニコード */
  color: #ed514e; /* アイコンの色 */
  padding-right: 6px;
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*---------------------------------
子カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li ul li a::before{
  font-family: FontAwesome;
  content: "\f1b0"; /* FontAwesomeのユニコード */
  color: #ed514e; /* アイコンの色 */
  padding-right: 6px;
}

/*オレンジ枠だけ引用*/
blockquote.inyo {
    position: relative;
    padding: 7px 16px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border: solid 3px #fad9a7;
}

blockquote.inyo:before{
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    background: #f8c678;
    color: #FFF;
    font-size: 22px;
    font-weight: 900;
}

blockquote.inyo:after{
    display: inline-block;
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    background: #f8c678;
    color: #FFF;
    font-size: 22px;
    font-weight: 900;
}

blockquote.inyo p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote.inyo cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
/* 青いボックス */
.box27 {
  position: relative;
  border: solid 3px #a9ceec;
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 95%, #a9ceec 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2em;
  padding: 2em 1em 1.5em 1em;
  margin: 2em 0;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #a9ceec;
    color: #192f60;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}
/* オレンジボックス */
.box272 {
  position: relative;
  border: solid 3px #f3a68c;
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 95%, #f3a68c 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2em;
  padding: 2em 1em 1.5em 1em;
  margin: 2em 0;
}
.box272 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #f3a68c;
    color: #c53d43;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box272 p {
    margin: 0; 
    padding: 0;
}
.box-005 {
    max-width: 400px;
    margin: 0 auto;
    border: 2px solid #f06060;
    border-radius: 5px;
    color: #333333;
}
/*注意喚起*/
.box-005-title {
  color: #ef5350;
  font-size: 18px;
  font-weight: bold;
}
.box-005-title {:before
  font-family: "Font Awesome 5 Free";
  content: "\f071";
  font-size: 17px;
}
  
.box-005 div {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #f06060;
    font-weight: 600;
    vertical-align: top;
}
.box-005 p {
    margin: 0;
    padding: 0 1.5em 1em;
}
/* ブログカード用BOX */
.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #f8c678;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #f8c678;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}
/* ブログカード用BOX */
.blogcard{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #f8c678 !important;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.blogcard-type
.blogcard-label{
background-color:#f8c678;
}
/* 画像横にテキスト横並び */
.flex {
  width: 100%;
  display: flex; /*横並び*/
}
.flex .image {
  width: 45%; /*画像サイズ指定*/
  top: 50px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex .right {
  width: 55%;
  margin: 0 0 0 10px;
  padding: 0;
}
.flex .title {　
  margin: 0;
  padding: 0;
  border-bottom: 3px dashed #f8c678;
  font-weight: bold;
  font-size: 12px;
}
.flex .text {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
/************************************
** タイムラインカスタマイズ
************************************/
.timeline-item:before {
  background: #f8c678;/*〇を好きな色に*/
  top:22px;
  width: 17px;
  height: 17px;
  left: 103px;
}
.timeline-item-content{
  border-left: 3px #f8c678 solid;
}
/*ステップフローの内容*/
.content .timeline-item-snippet { 
margin-top: .5em;
padding: 0 0 1.5em;
border-bottom: dashed 1px #f8c678;/*内容の下の破線*/
color: #7b6459;/*内容の文字色*/
} 
/*ボックス*/
.timeline-box{
margin-bottom: 20px;
padding-top: 10px;
box-sizing: border-box;
border:solid 2px #f8c678;
background:#fffff9;
} 
/*タイトル*/
.timeline-title { 
font-weight: bold; 
font-size: 1.1em; 
text-align: center; 
margin-bottom:2rem; 
border-bottom: dashed 3px #f8c678; /*タイトルの下ボーダー色*/
color: #7b6459;
} 
/*タイトル前のアイコン*/
.timeline-title:before{
font-family: FontAwesome;
content: "\f1b0";
margin-right:5px;
color:#f8c678;
}
.timeline > li { 
margin-bottom: 60px;
} 
.timeline > li.timeline-item { 
overflow: hidden;
margin: 0 0 0 10px;
position: relative;
} 
/*ステップフローの見出し*/
.timeline-item-title { 
font-size: 1.1em;/*見出しのフォントサイズ*/
font-weight: 700;
line-height: 1.5;
color:#7b6459;/*見出しの文字色*/
} 
}
.timeline-item-label{
  color:#7b6459;
}
@media screen and (max-width: 480px){
.timeline-item-content {
  border-left:initial;
}
.timeline>li.timeline-item {
  border-left: 3px rgba(25,25,25,.12) solid;
}
.timeline-item:before {
  left: -10px;
}
}
/*アコーディオン*/
.accordion-006 {
    max-width: 100%;
    margin-bottom: 5px;
}

.accordion-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-bottom: 2px solid #f8c678;
    color: #7b6459;
    font-weight: 600;
    cursor: pointer;
}

.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #ffc014;
    border-right: 3px solid #ffc014;
    content: '';
    transition: transform .3s;
}

.accordion-006[open] summary::after {
    transform: rotate(225deg);
}


.accordion-006 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1.5em 2em;
    color: #7b6459;
    transition: transform .5s, opacity .5s;
}

.accordion-006[open] p {
    transform: none;
    opacity: 1;
}
/*ページネーション　一番下に*/
.pagination-next {
  display: none;
}
.pagination-next-link {
  background-color: #f8c678;
  color: #fff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); /*「次のページ」部分の影*/
}
.pagination-next-link:hover {
  background-color: #7b6459;
  transition: all 0.5s ease;
  color: #fff;
}
.page-numbers {
  color: #f8c678;
  border: 1px solid #f8c678;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); /*数字部分の影*/
}
.pagination .current {
  background-color: #f8c678;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color:#7b6459;
  color: #fff;
}
a.prev, a.next {
  display: none;
}
@media screen and (max-width: 480px) {
.page-numbers {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}