/*
Theme Name: t011 blog
Template: neve-fse
Text Domain: t011-blog
Tags: 
*/

/*==========		個別記事		========*/
/*====		本文見出し		====*/
.entry-content h2 {margin: 3rem auto 1.5rem !important;}
.entry-content h3 {margin: 2.5rem auto 1.25rem !important;}
.entry-content h4 {margin: 1.5rem auto 1.rem !important;}


/*====		日付		====*/
.wp_post_date	time::before,
.wp_modified_date	time::before  {
	font-family: 'Material Symbols Outlined';
	position: relative;
	top: 0.2rem;
   left: -0.25em;
}
.wp_post_date	time::before  {
	content: '\ebcc';
}

.wp_modified_date	time::before {
	content: '\f232';
}
/*====		リンク全般		====*/

a {
	transition: all 0.2s ease-in-out 0s;
}

.wp-block-navigation-link a::after,
.wp-block-cover-inner-navi-link a::after  { 
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #E6003E;
	transform: scaleX(0);
	transition: transform 0.3s;
}

.wp-block-navigation-link a:hover::after,
.wp-block-cover-inner-navi-link a:hover::after {
	transform: scaleX(1);
}

a:hover:where(:not(.wp-element-button))	{
	text-decoration: none;
}

/*====		カテゴリー / タグ		====*/
.wp_post_single_category a::before	{
	font-family: 'Material Symbols Outlined';
	content: '\e892';
	position: relative;
    top: 0.125rem;
    left: 0;
}
.wp_post_single_category,
.wp_post_single_tags	{
	margin: .25rem auto;
}
.wp_post_single_tags a::before  {
	font-family: 'Material Symbols Outlined';
	content: '\e9ef';
	position: relative;
	top: 0.125rem;
	left: 0;
}
.wp_post_single_category a, 
.wp_post_single_tags a  {
    margin: 0.25rem 0.25rem 0.25rem 0 !important;
    padding: 0.2rem 0.75rem 0.2rem 0.5rem !important;
    font-size: .85rem;  
    border: 2px solid #fff;

}
.wp_post_single_tags a:hover,
.wp_post_single_category a:hover,
.list_wrapper.sale ul li a:hover {
	background: #0268b6;
	background-image: -webkit-linear-gradient(to right,#0268b6,#01BBF2);
   background-image: linear-gradient(to right,#0268b6,#01BBF2);
	border: 2px solid #01BBF2;
	color: #fff;
}
.wp_post_taxonomy	{
	font-size: 1.25rem;
	font-weight: 600;
	color: #b0b0b0;
	margin: 3rem auto !important;
}

.wp-block-post-tag	{
	font-size: .85rem;
    gap: 0.5rem !important;

}


/*====		本文画像		====*/
img.wp-post-image,
.wp-block-image img	{
	border-radius: 1.5rem;
	margin: 1rem auto;
}
.wp-block-post-featured-image	{
	margin: 0 0 0.75rem;
}
.wp-block-post-featured-image a {
	display: inline;
}
.wp-block-post-featured-image img	{
	margin:0;
}
/*====		YouTube 埋め込み		====*/

.wp-embed-responsive,
.wp-has-aspect-ratio iframe {
  border-radius: 1.5rem;
}

/*====		Header		====*/
.wp_header_navi	{
	font-size: .8rem;
}
/*====		検索フォーム		====*/
.wp-block-search__inside-wrapper {
	margin: 0;
}
.wp-block-search__input {
   padding: 0;
}
.wp-block-search__button	{
    position: relative;
    top: -2px;
}
/*====		Footer Navi		====*/

.wp_footer_navi	{
	margin-left: auto !important;
	font-size: .8rem;
}
.wp_footer_navi_about::before	{
	font-size: 1rem;
	font-family: 'Material Symbols Outlined';
	content: '\e7fd';
	position: relative;
	top: 0;
	left: 0;
}
.wp_footer_navi_privacy::before	{
	font-size: .9rem;
	font-family: 'Material Symbols Outlined';
	content: '\e897';
	position: relative;
	top: 0;
	left: 0;
}
.wp_footer_navi_mail::before	{
	font-size: 1rem;
	font-family: 'Material Symbols Outlined';
	content: '\e158';
	position: relative;
	top: 0;
	left: -1px;
}
/*====		目次		====*/
#ez-toc-container {
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0;
    display: table;
    margin: 4rem auto;
    padding: 0;
    position: relative;
    width: 100%;
}


.ez-toc-title-container {
    margin: 1rem auto 0.5rem;
}

div#ez-toc-container p.ez-toc-title {
	font-size : 1.5rem;
	font-weight: 600;
	text-align: center;
}

#ez-toc-container nav {
    border-top: 2px solid #111;
    border-bottom: 2px solid #111;
    padding: 1.5rem;
}

#ez-toc-container.counter-decimal ul.ez-toc-list li a::before, .ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    font-size:1.1rem;
    font-weight: 600;
    display: table-cell;
    padding-right: 0.4rem;
    text-align: right;
}
#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li{
	line-height: 1.75;
}

div#ez-toc-container ul li {
    font-size: .95em;
}

div#ez-toc-container ul li:after, .ez-toc-title-container ul li:after {
    content: "";
    display: block;
    margin-bottom: 0;
}

div#ez-toc-container ul li ul {
	margin-top: 0.5em;
}
#ez-toc-container a {
	display: block;
}

.ez-toc-heading-level-2 a	{
	font-weight: 700;
	margin: 0.5rem auto .25rem;
	padding: .5rem 0 .25rem ;
}
.ez-toc-list-level-3	{
	margin: 0 1.5rem 0 !important;
	padding: 0;
}

.ez-toc-heading-level-3 a 	{
	font-weight: normal;
	margin: 0;
	padding: .5rem 0;
}

/*====		UL 枠		====*/
.list_wrapper {
   border: 2px solid #111;
   border-radius: 1rem;
   position: relative;
   margin: 2.5rem auto !important;
   padding: 1.25rem 1.25rem 1rem;
    
}

.list_wrapper span {
	position: absolute;
	font-size: 1rem;
	font-weight: 600;
	line-height:1;
	top: -0.5em;
	left: .5em;
	background: #fff;
	padding: 0 1rem;
}

.list_wrapper ul,
.list_wrapper p  {
   margin: 0 !important;
}

.list_wrapper ul  {
   padding: 0 0 0 1rem;
}

.list_wrapper ul li  {
	padding: 0 .75rem;
	margin: .5rem 0;
	list-style-type: none !important;
}

.list_wrapper ul li:before {
	font-family: 'Material Symbols Outlined';
	content: '\f591';
	position: absolute;
	left : 1.5rem;
	font-variation-settings:
  'FILL' 1,
  'wght' 600,
  'GRAD' 0,
  'opsz' 48;
}

/*** セール情報ボックス	***/
.list_wrapper.sale	{
	padding: 0;
}

.list_wrapper.sale span{
}

.list_wrapper.sale ul	{
	padding: 1.5rem;
}
.list_wrapper.sale ul li:before {
	content: "";
	position: absolute;
	left : 0;
}

.list_wrapper.sale ul li  {
	padding: 0;
	list-style-type: none !important;
}
.list_wrapper.sale ul li a {
	display: block;
	padding: .75rem;
	margin: 0.25rem 0;
	background: #f9f9f9;
	border: 2px solid #fff;
	border-radius: 1rem;
	letter-spacing: .05rem;
	text-decoration: none;
	text-align:justify;
	word-break: break-all;
	overflow-wrap: break-word;
}

.list_wrapper.sale ul li a:hover	{
}
.box-border {
	margin: 1rem !important;
}

div.box-border ul,
div.box-border ol {
    border: 2px solid #101012;
    list-style: inside;
    margin: 3rem 0 2rem !important;
    padding: 1rem 1.5rem;
}

div.box-border ul ul,
div.box-border ul ol,
div.box-border ol ul,
div.box-border ol ol {
   border: 0;
    margin: .5em 1.5em !important;
    padding: 0;
}

/*====		ブログカード		====*/
.blog-card {
	background: #fcfcfc;
	border: 2px solid #eee;
	border-radius: 1rem;
	word-wrap: break-word;
	margin: 2rem 0 !important;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	position: relative;
}

.blog-card:hover {
	cursor: pointer;
	background:#fff;
	border: 2px solid #bbbbbd;
	color: #333;
}

.blog-card a {
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
}

.blog-card-thumbnail {
	max-width: 35%;
  /***  flex: 1 0 35%;*/
}

.blog-card-thumbnail img {
  max-width: 100%;
  height: 100%;
  padding: 0;
  border-radius: .85rem 0 0 .85rem;

}

.blog-card-content {
    display: table;
    padding:	1rem;
    font-size:	.9rem;
    line-height:	1.5;
}

.blog-card-title {
	font-weight: 400;
	color: #606060;
	display: table-cell;
	vertical-align: middle;
}

.blog-card-title:hover {
}

.blog-card-excerpt {
  font-size: .75em;
  color: #4c4c4c;
  margin: 0 10px 5px 0;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-card .clear {
  clear: both;
}

@media screen and (max-width: 600px) {
  .blog-card:before {
    font-size: .56em;
  }
  .blog-card-title {
    font-size: .8em;
  }
  .blog-card-excerpt {
    font-size: .60em;
  }
}



/*====		オススメリスト		====*/
ul.check-point,
ul.recommend,
ul.weakness	{
	border: 0;
	position: relative;
	margin: 4rem auto 2rem !important;
	padding: 1.75rem 1.5rem 1.5rem 2.75rem;
	list-style: none;
	border-radius: 1rem;
	background: #f0f0f0;
}

ul.recommend::before,
ul.weakness::before,
ul.recommend::after,
ul.weakness::after   {
    background-color: #fff;
    color: #505050;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05rem;

}
ul.recommend::before,
ul.weakness::before	{
	position: absolute;
    top: -1rem;
    left: 1.5rem;
    padding: 0.5rem 1rem ;
	color: #fff;
	border-radius: .5rem;
	}

ul.check-point::before {
}

ul.recommend::before {
    content: "ここがオススメ";
	background-color: #8BB25F;

}

ul.weakness::before {
    content: "ここはイマイチ";
	background-color: #BB4661;

}

ul.recommend::after,
ul.weakness::after	{
   position: absolute;
    top: -0.75rem;
    left: 0.75rem;
    padding: 0 0 0 0.7rem;
    line-height: 1.5;
    text-align: center;
    font-family: "Material Symbols Outlined"; 
}

ul.recommend::after {	
    font-weight: 400;
}

ul.weakness::after {	
    font-weight: 400;
}

ul.check-point li,
ul.recommend li,
ul.weakness li {
   font-size: .95rem;
    padding: 0.5rem 0;
    line-height: 1.5;
    list-style-type: none;
}

ul.check-point li::before,
ul.recommend li::before,
ul.weakness li::before {	
    font-family: "Material Symbols Outlined";
    content: "";
    position: absolute;
    left: 1.5rem;
	font-weight: 700;
}
ul.check-point li::before {
    color: #EE6557;
}

ul.recommend li::before {
    content: "\e86c";
    font-weight: 900;
    color: #8BB25F;
}

ul.weakness li::before {
    content: "\e5c9";
    font-weight: 900;
    color: #BB4661;
}

.entry-content blockquote.itemDescription {
  position: relative;
  display: inline-block;
  margin: 5em 0 2em;
  padding: 1em 1.5em;
  min-width: 120px;
  max-width: 100%;
  color: #505050;
  font-size: 1em;
  font-weight: 300;
  text-align: justify;
  background: #FFF;
  border: 2px solid #ccc;
  border-radius: 1em;
  box-sizing: border-box;
}

blockquote.itemDescription::before	{
  position: absolute;
  top: 0px;
  right: 5px;
  z-index: 2;
  opacity: .5;
  color: #dcdcdc;
}

blockquote.itemDescription::after	{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -20px;
  border: 15px solid transparent;
  border-top: 15px solid #ccc;
  z-index: 1;
	
}

blockquote.itemDescription p {
	font-style: normal;
	line-height: 1.75;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
}

blockquote {
    position: relative;
    padding: 1.5rem 2rem !important;
    margin: 3rem auto !important;
    box-sizing: border-box;
    font-style: italic;
    color: #555;
    background: #f7f7f7;
    border: 0 !important;
    border-radius: 1rem;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: .25rem;
    left: 1.5rem;
    content: "\e244";
    font-family: 'Material Symbols Outlined';
    transform: scale(-1,-1);
    color: #e3e3e3;
    font-size: 4rem;
    line-height: 1;
    font-weight: 900;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: .25rem;
    right: 1.5rem;
    text-align: center;
    content: "\e244";
	font-family: 'Material Symbols Outlined';
    color: #e3e3e3;
    font-size: 4rem;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
	 font-size: 1rem !important;
    position: relative;
    padding: 0;
    margin: .5rem auto;
    z-index: 3;
    line-height: 1.75;
}

blockquote cite {
	 font-size: .85rem !important;
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #999;
}
blockquote cite::before{
    content: "引用元: ";

}
blockquote cite a	{
	color: #888 !important;

}
blockquote cite a:hover{
	color: #000 !important;
}
/*====		ソフト紹介リスト		====*/
.list-item .list-heading h4 {
    font-size: 1.8em;
    padding: 10px 0;
    border-bottom: 2px solid #eee;
    margin-bottom: 15px;
    margin-top: 20px;
    line-height: 125%;
}

.list-item .list-hero {
    margin-bottom: 25px;
    position: relative;
	background: #f6f5f3;
    color: #777;
    text-shadow: 0px 0px 2px #fff;
}
.list-hero .list-hero-image img {
	padding: 0;
	margin: 0;
	border: 0;
	object-fit: cover;
	object-position: 50% 45%;
	width: 100%;
	height: 250px;
}
.list-hero .list-cover-boxart {
	position: absolute;
	width:	150px;
    z-index: 100;
    right: 15px;
    bottom: 0;
    background: #f6f5f3;
    padding: 1em;
}
.list-hero-summary {
    position: relative;
    line-height: 1.5;
	padding:1em 1em 1em 1em;
    font-size: 0.8em;
}

.list-hero-image p,
.list-hero-summary p {
	margin: 0 !important;
	padding: 0;
}

@media screen and (max-width: 600px) {
	.list-hero .list-hero-image img	{
	height: 150px;
}
	.list-hero-summary div span {
    display: none;
	}
}

/*====		おすすめ商品紹介		====*/
.local-title {
    text-align: center;
    font-feature-settings: pkna;
	margin: 2em 0 1.5em;
}
.local-title p {
	margin: 0;
	padding: 0;
}
.local-title .number {
    font-size: 4.0em;
    font-weight: bold;
    margin: 0;
}
.local-title h3 {
	font-size: 1.4em;
	text-align: center;
    border: none;
    background: none;
    padding: 1rem 0 0.75rem;
    margin: 0;
}

.local-title h3:after {
	border: none;
}


/*====		ランキング		====*/
.charts{
 counter-reset: li;
 list-style: none;
 padding-left: 0;
 margin: 2rem auto !important;
}

.charts li {

    position: relative;
    height: auto;
    font-size: .9rem;
    letter-spacing: -0.01rem;
    display: block;
    margin: 0.5rem 0;
    padding: 0 0 0 3rem;
}

.charts li:before {
counter-increment: li;
    content: counter(li)".";
    margin-right: 1rem;
    color: #333;
    text-align: center;
    position: absolute;
    left: 0em;
	width: 3rem;
}

.charts li:first-child{
	font-weight: 800;
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
}
.charts li:nth-child(2){
	font-weight: 700;
	margin-bottom: 1rem;

}
.charts li:nth-child(3){
	font-weight: 600;
	margin-bottom: 1rem;

}
.charts li:first-child:before {
	font-size: 3rem;
	font-style:italic;
	top: -2rem;
}
.charts li:nth-child(2):before{
	font-size: 1.75rem;
	font-style:italic;
	top: -.9rem;

}
.charts li:nth-child(3):before {
	font-size: 1.25rem;
	font-style:italic;
	top: -.3rem;

}

.charts .newentry {
	font-weight: 700;
}
.charts .newentry::after {
	font-family: 'Material Symbols Outlined';
	content: '\e031';
	font-size: 1rem;
	position: relative;
	top: 0.125rem;
	left: 0.5rem;
}

.awards .awards-winner {
	font-weight: 700;
}
.awards .awards-winner::after {
	content: " **受賞";
}


/*====		TABLEPRESS		====*/
.esotera-clean-table .main th, .esotera-stripped-table .main tr:nth-child(even) td, .esotera-stripped-table .main tr:nth-child(even) th {
    background-color: #fafafa;
}
.esotera-stripped-table .main thead th, .esotera-bordered-table .main thead th, .esotera-stripped-table .main td, .esotera-stripped-table .main th, .esotera-bordered-table .main th, .esotera-bordered-table .main td	{
	border-color: #fff;
}

.tablepress	{
	font-size: .9em;
    border: 0 !important;
}
.tablepress thead th,
.tablepress tfoot th		{
    background-color: #fff !important;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    border-top: 0 solid #fff !important;
    border-bottom: 3px solid #000 !important;
}

.tablepress thead th, .tablepress th, .tablepress td, .tablepress tfoot th {
	border-right: 10px solid #fff;
}

.tablepress	tr, .tablepress td{
    line-height: 1.5;
    text-align: center;
}

.tablepress td, .tablepress th	{
	padding: 1em .75em;
}

.tablepress tbody td { 
	font-size: .85em;
	vertical-align: middle !important;
	text-align: center !important;
}

span.strong {
	font-weight: 700;
	margin: 0 0.15em;
	color: #111116;
}

/*====		商品情報		====*/
.softwareInfo {
    list-style: none;
    background: #f5f5f5;
    margin: 0 0 1rem;
    padding: .5rem;
}
.softwareInfo li {
	display: inline-block;
	font-size: .9rem;
}	
table.product-information	{
	width:100%; 
	border:1px solid #ccc;
	margin: 1.5rem 0;
}
.product-information tr {
	background:#FFF;
}
.product-information td {
	border-bottom: 0px; 
	text-align: left; 
	vertical-align: top; 
	padding: 4%;
}

.product-information-image	{
	max-width: 35% !important; 
	padding-right: 1rem !important;
}
.product-information-text	{
	width: 65% !important; 
}

.product-information-image img	{
	width: 100% !important;
	height: auto; 
	background:#F9F9F9;
	border: 1px solid #DDD; 
	padding: 4px; 
	margin: 0;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}
.product-information-image img:hover	{
	background: #FFF;
	border: 1px solid #01bbf2; 
	padding: 4px; 
	margin: 0;
}

.product-information-text dl { 
	margin: 0;
}
.product-information-text dt {    
	border-bottom: 3px solid #ddd;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0 0 0.3rem;
	margin: 0 0 0.5rem;
}
.product-information-text dd {	
	font-size: 1.3rem;
	color: #555;
	padding: 0.1rem 0;
	margin: 0;
}

ul.kaerebatextlink,
ul.product-textlink		{
	clear: both;
	padding: 0.4rem 0;
	margin: 0;
}

div.shoplinkamazon,
div.shoplinkkindle,
div.shoplinkrakukobo,
li.shoplinkamazon,
li.shoplinkrakuten,
li.shoplinkyahoo,
li.shoplinkseven {
	display: block;
	list-style: none outside none;
	padding: 0 0 0.25rem;
	margin: 0; 
}

.post-content .kaerebatextlink a:hover,
.post-content .product-textlink a:hover {
    text-decoration: none;
}

li.shoplinkamazon		{
	margin:0;
}

.product-information	{
	display: flex;
	border: 0px solid #ddd;
	background-color:#f5f5f7;
	margin: 2rem auto;
	border-radius: 1rem;
	font-size: 0.95rem;
}
.product-box {
    align-items: start;
    display: flex;
    width: 100%;
    margin: 1.5rem;
}
.product-box p	{
	display: none;
}

.product-image	{
	width: 38%;
	padding: 0 .5rem 0;
	text-align: center;
    background: #f9f9f9;
    padding: 1rem;
    border-radius: 10px;
}

.product-image img {
   max-width: 100%;
}

.product-description {
	padding: 0 .5rem 0 1.5rem;
    width: 62%;
}

.product-name {
	font-size:	1rem;
	font-weight: 500;
	border-bottom: 2px solid #eee;
    padding: 0 0 0.1rem;
    margin: 0 0 0.5rem;
}

.product-name a {
	text-decoration: none;
}
.product-author, .product-publisher {
	font-size: 0.85rem;
	line-height: 2;
	margin: 0 auto 0.5rem;

}
ul.kaerebatextlink,
ul.product-textlink			{
	clear: both;
	padding: 0.4rem 0;
	margin: 0 !important;
}

div.shoplinkamazon,
div.shoplinkamazon,
div.shoplinkkindle,
div.shoplinkrakukobo,
li.shoplinkamazon,
li.shoplinkrakuten,
li.shoplinkyahoo,
li.shoplinkseven {
	display: inline-block;
	width:100%;
	list-style: none outside none;
	padding: 0 auto 0.25rem;
	margin: 0 auto 0.25rem; 
}

div.shoplinkamazon a,
div.shoplinkamazon a,
div.shoplinkkindle a,
div.shoplinkrakukobo a,
li.shoplinkamazon a, 
li.shoplinkrakuten a,
li.shoplinkyahoo a,
li.shoplinkseven a {
	display: block; 
	border: 2px solid #fff;
	border-radius: 100px;
	color: #fff;	
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	padding: 1rem 0.2rem; 
	margin: 0 auto;
	transition: all 0.2s ease-in-out 0s;
	text-decoration:none;
}

div.shoplinkamazon a:hover,
div.shoplinkamazon a:hover,
div.shoplinkkindle a:hover,
div.shoplinkrakukobo a:hover,
li.shoplinkamazon a:hover, 
li.shoplinkrakuten a:hover,
li.shoplinkyahoo a:hover,
li.shoplinkseven a:hover{
	background: #0268b6;
	background-image: -webkit-linear-gradient(to right,#0268b6,#01BBF2);
   background-image: linear-gradient(to right,#0268b6,#01BBF2);
	border: 2px solid #01BBF2;
	color: #fff;
}

.post-content .kaerebatextlink a:hover,
.post-content .product-textlink a:hover {
    text-decoration: none;
}

@media screen and ( max-width:800px ) {
.product-information	{
    display: block;
    border: 0;
    margin: 1.5rem 0;
    padding: 1.5rem;
}
.product-box {
    display: block;
    width: 100%;
    margin: 0;
}
.product-image	{
	width: 100%;
	padding: 0;
	text-align:center;
}
.product-image img {
		max-width: 60%;

}

.product-description {
	padding: 1rem;
	width: 100%;
}

.kaerebatextlink,
.product-textlink {
	padding:0;
}
ul.kaerebatextlink,
ul.product-textlink		{
	clear: both;
	padding: 1rem 0 0;
	margin: 0 !important;
}

div.shoplinkamazon,
div.shoplinkamazon,
div.shoplinkkindle,
div.shoplinkrakukobo,
li.shoplinkamazon,
li.shoplinkrakuten,
li.shoplinkyahoo,
li.shoplinkseven {
	display: block;
	width:100%;
	list-style: none outside none;
	padding: 0 0 .5rem;
	margin: 0; 
}
}

.fg-default {
    padding: 1.5rem 0;
}


/*====		外部リンクボタン ブランドカラー		====*/
.color_shoplink,
.color_amazon,
.color_au,
.color_bookpass,
.color_dazn,
.color_dtv,
.color_hulu,
.color_nestle,
.color_netflix,
.color_rakuten,
.color_softbank,
.color_unext
 {
	color: #fff; /* ボタン文字色 */
	font-weight: bold;
	border-radius: 100px;
	max-width: 80%;
	margin: 3rem auto 2rem !important;
	padding: 0;
	text-align: center;
	line-height: 1.3;
	transition: all .2s ease;
	border: 2px solid #fff;

}
.color_hulu {
	background: #1ce783;
   background-image: -webkit-linear-gradient(to right,#66aa33,#51961d);
   background-image: linear-gradient(to right,#66aa33,#51961d);
   }
.color_dazn {
	background: #0c161e;
   background-image: -webkit-linear-gradient(to right,#000000,#0c161e);
   background-image: linear-gradient(to right,#000000,#0c161e);
   }
.color_nestle  {
	background: #005695;
   background-image: -webkit-linear-gradient(to right,#005695,#005695);
   background-image: linear-gradient(to right,#005695,#005695);
   }
.color_amazon,
li.shoplinkamazon a,
li.shoplinkkindle a  {
   background-color: #f79b34;
   background-image: -webkit-linear-gradient(to right,#f79b34,#EA695B);
   background-image: linear-gradient(to right,#f79b34,#EA695B);
   }
.color_bookpass,
.color_au {
	background: #ff8b26;
   background-image: -webkit-linear-gradient(to right,#ff8b26,#f68a0d);
   background-image: linear-gradient(to right,#ff8b26,#f68a0d);}
.color_unext {
	background: #000000;
   background-image: -webkit-linear-gradient(to right,#0080de,#00a6de);
   background-image: linear-gradient(to right,#000000,#333b45);}
.color_rakuten,
li.shoplinkrakuten a,
li.shoplinkrakukobo a {
	background: #DC143C;
   background-image: -webkit-linear-gradient(to right,#DC143C,#dc1b14);
   background-image: linear-gradient(to right,#DC143C,#dc1b14);
}
.color_dtv	{
	background: #000000;
   background-image: -webkit-linear-gradient(to right,#000000,#170208);
   background-image: linear-gradient(to right,#000000,#170208);
   }
.color_netflix {
	background: #221f1f;
   background-image: -webkit-linear-gradient(to right,#221f1f,#000000);
   background-image: linear-gradient(to right,#221f1f,#000000);
   }
.color_softbank {
	background: #727272;
   background-image: -webkit-linear-gradient(to right,#727272,#46484a);
   background-image: linear-gradient(to right,#727272,#46484a);
   }
   
li.shoplinkyahoo a {
	background: #FF0033;
   background-image: -webkit-linear-gradient(to right,#FF0033,#ff005e);
   background-image: linear-gradient(to right,#FF0033,#ff005e);
}
li.shoplinkseven a {
	background: #F59B14;
   background-image: -webkit-linear-gradient(to right,#F59B14,#f5ab14);
   background-image: linear-gradient(to right,#F59B14,#f5ab14);
}

.color_shoplink {
    background-color: #4f0555; /* ボタン背景色 */
   background-image: -webkit-linear-gradient(to right,#4f0555,#d60d64);
   background-image: linear-gradient(to right,#4f0555,#d60d64);
}

.color_shoplink:hover,
.color_hulu:hover,
.color_nestle:hover,
.color_dazn:hover,
.color_amazon:hover,
.color_bookpass:hover,
.color_au:hover,
.color_rakuten:hover,
.color_softbank:hover,
.color_unext:hover,
.color_dtv:hover,
.color_netflix:hover {
	box-shadow: none;
	background: #0268b6;
	background-image: -webkit-linear-gradient(to right,#0268b6,#01BBF2);
	background-image: linear-gradient(to right,#0268b6,#01BBF2);
	border: 2px solid #01BBF2;
	color: #fff;
}


.color_shoplink a,
.color_hulu a,
.color_nestle a,
.color_amazon a,
.color_dazn a,
.color_bookpass a,
.color_au a,
.color_rakuten a,
.color_softbank a,
.color_unext a,
.color_dtv a,
.color_netflix a {
	text-decoration: none !important;
	text-align: center;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 1.2rem 1.5rem;
}

.color_shoplink::after{ 
	content: ''; clear: left; 
}

.color_dazn a img,
.color_dazn img,
.color_shoplink a img,
.color_shoplink img {
	display: none;
}

/*====		参考・関連リンク		====*/
dl.related-link {
	text-align: left;
	font-size: .8em;
	margin: 2rem 0 1.5rem;
}
dl.related-link > dt:before {
    content: "via: ";
}
dl.related-link dt {  
	display: inline-block;
}
.related-link dd {
	display: inline-block;
	margin: 0 auto .1rem !important;
	line-height: 1.5;
	padding-left: 0.5rem !important;
}

.related-link dd a {
	line-height: 2;
	letter-spacing: .1rem;
}
.related-link dd:after   {
    content: ", ";
}
.related-link dd:last-child:after   {
    content: "";
}

/*====		GoogleAds 設定		====*/
.entry-header-ads {
   margin: 1rem auto;
}

.adsMore,
.TextBodyAd,
.TextBodyAd_2,
.relatedContents {
	width: 100%;
	text-align: center;
	vertical-align: middle;
   margin: 3rem auto;
}

.google-auto-placed {
	margin: 2rem auto;
}
.entry-footer-ads	{
	margin: .5rem auto;
}

/*====		ASP 設定		====*/
.amazon_campaign,
.rakuten_campaign {
    background-color: #FAF8F4;
    padding: 3rem;
    font-size: 0.9rem;
    text-align: left;
}
.amazon_campaign h3,
.rakuten_campaign h3 {
	margin: 0;
}
.amazon_campaign p,
.rakuten_campaign p {
	font-size:	0.9rem;
}

/*====		ソーシャルメディア		====*/
.addtoany-title	{
	font-size: 1.8rem;
}

.va-social-buzz   {
   margin: 3rem 0;
}

.twitter-tweet,
.instagram-media,
.instagram-center {
	margin:	5rem auto !important;
	max-width:	500px;
}
p iframe {
	margin: 1.5rem auto;
}

.a2a_button_facebook	{
    padding-left: 0;
}
.a2a_button_hatena {
    padding-right: 0;
}

/*====		Tags タグ・キーワード		====*/
.single .entry-meta > span {
	font-size: .8rem;
}
.entry-meta span a {
	font-size: .85rem;
}
.fluid-width-video-wrapper {
	margin: 4rem 0;
}
/*====		デバイス カラー		====*/
.device-color-spacegray:before {
    background-color: #6b696e;
}
.device-color-pink:before {
    background-color: #e8d2cf;
}
.device-colorstarlight:before {
	background-color: #e3dcd1;
}
.device-color-purple:before {
	background-color: #b9b8d1;
}
.device-color-blue:before {
	background-color: #88aebf;
}

.device-color-spacegray {
    background-color: #68696d;
}

.device-color-silver {
    background-color: #e2e3e4;
}

.device-color:before {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: .5em;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 10%);
}

@media (min-width: 800px)	{
#container:not(.esotera-landing-page) + #colophon {
    padding-top: 240px;
    margin-top: -100px;
}
}

#colophon {
    position: relative;
    width: 100%;
    padding: 50px;
}

figcaption {
padding : .5em 1em 1em 1em;
}

/*** 埋め込み ***/
.wp-block-embed {
    overflow-wrap: break-word;
    padding: 2rem 0;
}

/*** アーカイブページ ***/

.archive-container h1	{
	text-align: center;
	font-size: 2rem;
	font-weight: 400;
}
.archive-container .posts-wrapper article {
	margin-bottom: 2.5rem !important;
	padding-bottom: 1rem !important;
}
.archive-container .nv-post-thumbnail-wrap img {
    border-radius: 8px;
}

ul.page-numbers {
	display:block !important;
	text-align: center;
}

ul.page-numbers li {
	display: inline-block;
}
/*==========		フッター		========*/

.site-footer h5 {

    border-left: 6px solid #aaa;
    padding: 0 0 0 0.5rem;
    line-height: 1.25;
    margin: 0 0 0.75rem 0;
 }

.footer_sitemap {
    font-size: .85rem;
    line-height: 1.8;
    padding: 0.25rem 0;
 }

/*==========   ステマ規制対応の表記   ========*/

/*==========   ステマ規制用表記   ========*/

.ad_notice	{
	margin:	3rem auto !important;
}
.ad_notice p::before{
	content:"※ページの外部リンクにアフィリエイト広告リンクを含む場合があります。";	
}
.ad_notice p {
    font-size: .75rem;
    padding: 0.75rem 1.5rem;
    border-radius: .5rem;
    color: #505055;
    font-style: italic;
    background: #f5f5f7;
}
.ad_notice p::after{
		content:"";	
}


/*==========   ブログカード   ========*/

a.tmt-blog-card {
	border: 2px solid #111;
	border-radius:8px;
	display: block;
	padding: 1.5rem;
	margin: 3rem 0 !important;
	position: relative;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	width: 100%;	
}

a.tmt-blog-card::before {
	background-color: #505050;
	border: solid 1px #939393;
	border-radius: .5rem;
	color: #FFF;
	content: '関連記事';
	font-size: .85rem;
	display: block;
	padding: .25rem 1rem;
    position: absolute;
    top: -15px;
    left: 25px;
  }

a.tmt-blog-card::after {
    border: solid 1px #939393;
    border-radius: .5rem;
    color: #939393;
    content: '続きを読む';
    font-size: .9rem;
    display: block;
    padding: .25rem 1rem;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }

a.tmt-blog-card:hover {
    box-shadow: none;
    opacity: .8;
  }

.tmt-blog-card-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.tmt-blog-card-title {
    font-size: 1rem;
	  letter-spacing: -0.02rem;
    font-weight: 600;
    color: #428bca;
    padding-bottom: .75rem;
  }
.tmt-blog-card-thumbnail {
    flex: 1;
    margin-right: .5rem;
    padding-top: .5rem;
  }
.tmt-blog-card-thumbnail img {
   max-width: 100%;
   height: auto;
   border-radius: .5rem;
}
    
.tmt-blog-card-content {
    flex: 2.5;
  }
  
.tmt-blog-card-excerpt {
    color: #a4a4a4;
    font-size: .9rem;
    padding-bottom: 1rem;
}

.tmt-blog-card-site {
    color: #b2b2b2;
    font-size: 11px;
    padding-left: 5px;
}

.tmt-blog-card-site img {
      margin-right: 5px;
      vertical-align: bottom;
      width: 20px;
}

@media (max-width: 980px) {
  .tmt-blog-card-excerpt {
    border: none;
  }
}

@media (max-width: 800px) {
  a.tmt-blog-card {
    padding: 10px 10px 20px 10px;
  }
  a.tmt-blog-card::before {
    font-size: 11px;
    padding: 2.5px 8px;
    top: -15px;
    left: 10px;
  }
  a.tmt-blog-card::after {
    font-size: 12px;
    padding: 2px 13px;
    right: 10px;
  }
  .tmt-blog-card-thumbnail {
    margin-right: 10px;
    padding-top: 10px;
  }
  .tmt-blog-card-title {
    font-size: .85rem;
    padding: .5rem 0 0
  }
  .tmt-blog-card-excerpt {
    display: none;
  }
}
/** How to **/
.schema-how-to, .wp-block-yoast-how-to-block {
   margin: 2rem auto;
}

/*==========		トップページ		========*/
.wp_front_group h2	{
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.25;
    color: #b5b5b5;
    margin: 0 auto !important;
}

/*==========		トップページ タイトル		========*/

.o-posts-grid-post-title	{
	font-size: 1rem  !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

/*==========	トップページ ボタン	========*/
.wp_button_see_more a	{
	border: 4px solid #32373c !important;
	background-color: #fff !important;
	color: #32373c !important;
	font-size: .9rem !important;	
}

.wp-block-button a:hover,
 a.page-numbers:hover	{
 	color: #fff !important;
 	background: #000 !important;
 	border-color: #ccc !important;
 }
 
 .wp_button_see_more a span::after {
	font-family: 'Material Symbols Outlined';
	content: '\e5e1';
	position: relative;
	top: 0.12rem;
   left: 0.5em;
}

/*==========	記事一覧に戻るボタン		========*/
.wp_button_see_more a,
.wp_button_back_to_index a {
	padding: .5rem 4rem !important;
}
.wp_button_back_to_index a span::before	{
	font-family: 'Material Symbols Outlined';
	content: '\e2ea';
	position: relative;
	top: 0.15rem;
   left: -0.5em;
	
}
/*==========	検索ボックス Header	========*/
.wp_header_serchbox	{
}

/*==========	検索ボックス Footer	========*/
.wp_footer_serchbox	{
}
.wp_header_serchbox input,
.wp_footer_serchbox input	{
	border: 0 !important; 
	padding: .5rem 1.5rem;
}

.wp_footer_serchbox button	{
	background: #ABB8C3 !important;
	padding: .5rem 1.5rem !important;
	top: 0 !important;
}

/*==========	ページネーション	========*/
.wp_pagination_block {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 4rem !important;
  }
  
.wp_pagination_block .page-numbers {
  width: 2.5rem;
  height: 2.4rem;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  background: #fff;
  border: solid 2px #111;
  font-size: .85rem;
  color: #111;
  font-weight: bold;
  transition: all 0.15s linear;
  text-decoration: none;
}

span.page-numbers.current {
  background: #111;
  color: #fff;
  pointer-events: none;
}

.post-navigation-single-previous,
.post-navigation-single-next	{
	width:50%;
	
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.post-navigation-link-single p	{
	font-size: .8rem;
	color: #999;
}
.post-navigation-link-previous,
.post-navigation-link-next	{
    margin-block-start: 0 !important;
}
/*==========	Featured 画像	========*/
.wp_block_featured_img	{
	margin: .5rem auto;
}

.wp_block_featured_img img	{
	margin: 0 auto;
}

.wp_block_featured_img img{
  transition:0.3s;
  width:100%;
}
.wp_block_featured_img:hover img{
  opacity:0.8;
}

/*==========	記事下 関連記事	========*/
.yarpp-related-post	{
}
.yarpp-related-post .related-entry	{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	margin: .5rem auto;
}
.related-post-img	{
	padding: 1rem 0 0;
	flex: 1 1 35%;
	text-align: center;
	}
.related-post-img	img	{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.related-post-img:hover	{
	opacity: 0.7;
}
.related-post-info	{
	vertical-align: top;
	padding: .65rem 0 .65rem 1rem;
	flex: 1 1 65%;
	}
.related-post-info dl	{
	margin: 0 auto;
}
.related-post-info dl dt	{
	font-size: .8rem;
	color: #888;
}
.related-post-info dl dd	{
	margin:0;
}
.related-post-info dl dd p	{
	margin:0;
	line-height: 1.25;
	font-size: .9rem;
}
.related-post-info a:hover	{
	text-decoration:	underline;
}

.yarpp-related a	{
}

.yarpp-related h3	{
	text-align: center;
	font-size: 1.8rem;
	border-top: 1px solid #eee;
	padding: 3.5rem 0 .5rem;
}
/*==========	Footer 人気キーワード	========*/

.wp_footer_taxonomy .wp_post_taxonomy	{
    text-align: center;
    font-size: 1.8rem;
    border-top: 1px solid #eee;
    padding: 3.5rem 0 0.5rem;
    
}
.wp_footer_taxonomy_button		{
	margin: .5rem auto 0;
}

.wp_footer_taxonomy_button a span	{
	font-size: .85rem !important;
}


/*==========	パンくずリスト	========*/
.wp_breadcrumbs_path	{}
.wp_breadcrumbs_path p {
	border-top: 1px solid #f0f0f0;
	padding-top: 1rem;
	padding-bottom: 1rem;

}


.breadcrumbs_home		{
	font-size: 1.25rem !important;
	position: relative;
	top: 0.25rem;
}
.breadcrumbs_arrow	{
	font-size: 1.25rem !important;
	position: relative;
	top: 0.3rem;
}
.breadcrumb_last		{

}