/*
 Theme Name:   Esotera_edit
 Author:       tanco
 Template:     esotera
*/

/***	Edit 1. コンテンツ調整	***/
@font-face { 
   font-display: swap; 
} 

.esotera-cropped-headerimage #container:not(.esotera-landing-page) .main {
   top: 200px;
}
.esotera-cropped-headerimage #breadcrumbs-container   {
   top: -100px !important;
}

#site-title a {   
	border: 3px solid;
	border-radius: 0;
	letter-spacing: 0.05em;
	text-transform: lowercase;
	padding: 0.3em 0.5em;
	font-weight: 700;
	font-size: 1em;
}

/***  角丸  ***/
article.hentry .post-thumbnail-container {
    border-radius: 18px;
}
.main #content-masonry .post-thumbnail-container + .entry-after-image {
	border-radius : 9px;
}

#container.one-column .main {
    border-radius: 18px;
}

@media (max-width: 980px) {
.cryout #nav-toggle {
    display: block;
}
#masthead.cryout #access {
    display: none;
}
}
@media (max-width: 800px) {
#site-title a {
	font-size: 1em;
}
}

cite, blockquote, dd, #content div, dl, dt, h1, h2, h3, h4, h5, h6, input, label, li, ul, ol, p, #content span, #content th,  td 	{
	font-family: Noto Sans, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/***  パンくずリスト  ***/
#breadcrumbs-container {
   left:0;
}
#breadcrumbs-nav {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff !important;
}

/*** 記事本文 ***/

a:link, a:visited {
    text-decoration: none !important;
}
.main p {
    text-indent: 0em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.main .entry-content p {
    text-indent: 0em;
    line-height: 1.85;
    letter-spacing: .085em;
	text-align:justify;
	word-break: break-all;
	overflow-wrap: break-word;
}

.entry-content p img,
.wp-block-image  {
	padding : 2em 0;
}

.main p, .main ul, .main ol, .main dd, .main pre, .main hr {
    margin-bottom: 2em;
}
.entry-content h2:before {
    content: '';
    display: block;
    width: 2em;
    height: 0.3em;
    border-radius: 2px;
    background-color: #E13C38;
    margin-bottom: .75em;
}

/***  記事本文  アイキャッチ   ***/
article.hentry .article-inner, #content-masonry article.hentry .article-inner {
   padding: 0 !important;   
}

.entry-eyecatch {
    margin: 1.5em -4em;
}
@media (max-width: 1024px) {
.entry-eyecatch   {
   margin: 1.5em -2em;
}
}

.entry-eyecatch img {
   width: 100% !important;
}

.addthis_tool   {
   margin-bottom: 3em;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
   line-height: 1.25 !important;
   margin: 3em 0 1.25em !important;
}

.entry-content h4, .entry-content h5 {
   line-height: 1.25;
   margin: 2em 0 1em !important;
	font-weight:500;
}

.lp-text-card {
    max-width: 100%; /* テキストエリア スライドショー */
    margin: 0 auto;
}
.main .lp-box-title {
	font-size: .9em;
    font-weight: 400;
    letter-spacing: 0.05em;
	text-align: justify;
}

.lp-box-readmore {
    margin: 1em 0 .5em;
    padding: 0.5em 2em;
    font-size: 0.8em;
}

.lp-text-card p {
   margin: 0 !important;
}
.lp-text-inside,
.lp-boxes-inside {
   padding-top: 7.5em !important;
   padding-bottom: 7.5em !important;
}

.entry-content p img {margin: 1.25em 0;}

.entry-summary,
.lp-box-text-inside {
	display: none !important;
}


@media (max-width: 800px) {
.footermenu {
    position: relative;
    top: 3em;
   }
#sfooter.socials	{
	top: 2em;
	padding: 2em !important;
}
}

@media (max-width: 640px) {
 .main {
    padding: 2em 1.25em !important;
}
.cryout .socials a {
    margin: 0 0.5em;
}
}

#site-copyright {
    font-size: 0.8em;
    font-style: normal;
    float: none;
    text-align: center;
    margin: 1em auto;
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
}

.aligncenter, img.aligncenter {
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (max-width: 640px)  {
body {
    font-size: .95em;
}
.single .main .entry-title {
   font-size: 1.25em;
	letter-spacing: -.025em;
}
h3 {
   font-size: 1.375em;
}
h4	{
	font-size: 1.25em;
}
	
li {
   font-size: .875em;
}

#ez-toc-container {
   padding: 1.5em;
}

div#ez-toc-container p.ez-toc-title {
   font-size: 1.25em;
}
	
#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul	{
	margin-left: 1em;
}
}

/***	Edit 2.独自	***/
/***	日付   ***/
.aftertitle-meta ul {	
    list-style: none;
    margin: 0 0 1.75em !important;
}
.aftertitle-meta ul li	{
	display: inline-block;
	font-size:  0.8em;
	font-weight: 300;
	color: #707070 !important;
	padding: 0 1.25em 0 0;
	
}
.entry-meta span {
	display:inline-block;
}

/*** 注目記事 ***/
.posts .post-container {
    width: 33.33333%;
    padding: 10px;
    overflow: hidden;
}

/***	目次	***/
#ez-toc-container {
    background: #fff;
    border: 0;
    border-radius: 0px;
    box-shadow: 0 0 0;
    display: table;
    margin-bottom: 1em;
    padding: 2.5em 0;
    position: relative;
    width: 100%;
}


.ez-toc-title-container {
    margin: 0 auto 0.75em;
}

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

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


#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.1em;
    font-weight: 600;
    display: table-cell;
    padding-right: 0.4em;
    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;
	padding: 0.5em 0.25em;
	margin: 0.25em 0;
}

/**** ul 強調枠  ***/
.list_wrapper {
    border: 2px solid #111;
    position: relative;
    margin: 3rem 0 2rem 0;
    padding: 1.5em 1em;
}

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

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

.list_wrapper ul li  {
	padding: 0 1.5em .5em;
	list-style-type: none !important;
}

.list_wrapper ul li:before {
	font-family: "FontAwesome";
	content: "\f138";
	position: absolute;
	left : 1em;
}

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

.list_wrapper.sale span{
	
}


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

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

.list_wrapper.sale ul li a:hover {
    background: #ea695b;
    color: #fff;
}
.box-border {
	margin: 1em !important;
}

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

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

/***  リンク ブランドカラー ***/
.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; /* ボタン文字色 */
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
	font-weight: bold;
	border-radius: 100px;
	max-width: 80%;
	margin: 4em auto 3em !important;
	padding: 0;
	text-align: center;
	line-height: 1.3;
	transition: all .2s ease;
}
.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);
}

.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.2em 1.5em;
}

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

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

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

/***  記事本文下 ピックアップ   ***/
.pick_up_item_innner {
    background: #fff;
    padding: 0.5em;
}
.pick_up_item_innner ul li {
    margin: 0 0 1em 0;
    padding: .5em 0;
    border-bottom: 1px dotted #cccccc;
    position: relative;
    font-size: 1em;
}
.pick_up_item_innner ul li::before {
    content: "";
    position: absolute;
}

.pick_up_item_innner ul li::after {
}

h3.widget-title span {
    display: inline-block;
    margin: 0 .5em;
    color: #808080;
    font-size: .75em;
    font-weight: 400;
}

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

.product-information-image	{
	width: 35% !important; 
	padding-right: 1em !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.3em;
	margin: 0 0 0.5em;
}
.product-information-text dd {	
	font-size: 1.3rem;
	color: #555;
	padding: 0.1em 0;
	margin: 0;
}

ul.kaerebatextlink,
ul.product-textlink		{
	clear: both;
	padding: 0.4em 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.5em;
	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: 2em auto;
	border-radius: 10px;
	font-size: 0.95rem;
}
.product-box {
    align-items: start;
    display: flex;
    width: 100%;
    margin: 1.5em;
}
.product-box p	{
	display: none;
}

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

.product-description {
	padding: 0 .5em 0 1.5em;
    width: 65%;
}

.product-name {
	font-size:	1em;
	font-weight: 700;
	border-bottom: 2px solid #eee;
    padding: 0 0 0.2em;
    margin: 0 0 0.5em;
}
.product-author, .product-publisher {
	font-size: 0.85em;
	line-height: 2;
	margin: 0 auto 0.5em;

}
ul.kaerebatextlink,
ul.product-textlink			{
	clear: both;
	padding: 0.4em 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 0 0.5em;
	margin: 0 auto 0.75em; 
}

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.8em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	padding: 0.75em 0.2em; 
	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 #999;
	color: #fff;
}

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

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

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

.kaerebatextlink,
.product-textlink {
	padding:0;
}
ul.kaerebatextlink,
ul.product-textlink		{
	clear: both;
	padding: 1em 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 1em;
	margin: 0; 
}
}

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

/*** おすすめ商品紹介 ***/
.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;
}

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

/*** ブログカード ***/
.blog-card {
	background: #fcfcfc;
	border: 2px solid #eee;
	border-radius: 10px;
	word-wrap: break-word;
	max-width: 100%;
	margin: 2em 0;
	-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:before {
  position: absolute;
  padding: .3em .5em;
  content: "詳細を見る";
  background-color: #ea0050;
  color: #fff;
  font-size: .8em;
	font-weight:bold;
  margin: 0.75em;
  z-index: 1;
  opacity: 0.9;
}


.blog-card a {
  text-decoration: none;
}

.blog-card-thumbnail {
  width: 35%;
  display: table-cell;
  vertical-align: middle;
  padding: 1em;
}

.blog-card-thumbnail img {
  padding: 0;
		border-radius: 10px;

}

.blog-card-content {
  display: table-cell;
  vertical-align: top;
	padding: 1em;
	font-size:.9em;
	line-height:1.5;
}

.blog-card-title {
  font-weight: 400;
	color: #606060;
}

.blog-card-title:hover {
  text-decoration: underline;
}

.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;
  }
}

/*** ランキング ***/
.charts{
 counter-reset: li;
 list-style: none;
 padding-left: 0;
}

.charts li {
	position: relative;
	height: auto;
	line-height: 2;
	font-size: 1em;
	letter-spacing: 0.05em;
	display: block;
	padding: 0.5em 0.5em 0.5em 3em;
}

.charts li:before {
counter-increment: li;
    content: counter(li);
    margin-right: 1em;
    background: #bbb;
    color: #ffffff;
    text-align: center;
    width: 2em;
    height: 2em;
    position: absolute;
    left: 0em;
}

.charts li:first-child{
	font-weight: 700;
}
.charts li:nth-child(2){
	font-weight: 600;
}
.charts li:nth-child(3){
	font-weight: 600;
}
.charts li:first-child:before {
	background: #111;
}
.charts li:nth-child(2):before{
	background: #333;
}
.charts li:nth-child(3):before {
	background: #666;
}

.charts .newentry {
	font-weight: 700;
}
.charts .newentry:after {
	content: " **NEW";
	font-size: 0.8em;
}

.awards .awards-winner {
	font-weight: 700;
}
.awards .awards-winner:after {
	content: " **受賞";
}
/*** シングル 記事下 新着記事 ***/
section.newpost_wrapper {
    width: 100%;
    height: 180px;
    margin: 1.75em 0 0;
    position: relative;
    border: 1px solid #efefef;
    transition: 0.3s ease;   
     overflow: hidden;
}

section.newpost_wrapper:hover {
   border: 1px solid #a0a0a0;
}

section.newpost_wrapper div.newpost_thumbnail {
    width: 45%;
    margin:  0;
    height: 100%;
    overflow: hidden;
    float: left;
    position: relative;
}
section.newpost_wrapper div.newpost_thumbnail:after {
    content: "";
    background: #efefef;
    background-image: -webkit-linear-gradient(to right,#d41d70,#ea695b);
    background-image: linear-gradient(to right,#d41d70,#ea695b);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.2;
    transition: 0.3s ease;
}

section.newpost_wrapper div.newpost_thumbnail img {
    width: 100%;
    top: -10%;
    left: 0%;
    position: absolute;
    background: #000;
    opacity: .98;
}

section.newpost_wrapper div.newpost_thumbnail:hover {

   transition:1s all;}
section.newpost_wrapper div.newpost_thumbnail:hover:after {
   opacity: 0;
}

section.newpost_wrapper div.newpost_title {
    height: 70%;
    width: 61.8%;
    right: 0;
    top: 15%;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 1.5em;
    position: absolute;
    z-index: 99999;
    background: #fff;
    overflow: hidden;
}
section.newpost_wrapper div.newpost_title span {
   font-size: 1em;
}
    
@media screen and (max-width: 1024px) {
section.newpost_wrapper div.newpost_thumbnail {
   width: 61.8%;
}
}

@media screen and (max-width: 800px) {
section.newpost_wrapper {
    border: 0;
}

section.newpost_wrapper:hover {
   border: 0;
}

section.newpost_wrapper div.newpost_thumbnail {
	width: 100%;
	height: 100%;
}

section.newpost_wrapper div.newpost_thumbnail:hover {
   transition:1s all;
}
section.newpost_wrapper div.newpost_thumbnail:after   {
    content: "";
    background: #efefef;
    background-image: -webkit-linear-gradient(to right,#d41d70,#ea695b);
    background-image: linear-gradient(to right,#d41d70,#ea695b);
	transition: 0.3s ease;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.2;
    transition: 0.3s ease;
}

section.newpost_wrapper div.newpost_title {
	top: 0;
	width: 100%;
	height: 100%;
	transition:0.3s ease;
	color: #fff;
	background: transparent;
    background-image: linear-gradient(to top,#000,transparent);
}
}

/***  トップページ 特集   ***/
div.featured-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    }
section.featured-article {
   width: 32%;
   margin: .5% auto 2%;
   padding: 2%;
}

.featured-article p {
   margin-bottom: 0;
   display: none;
}
.featured-inner {
    clear: both;
    display: block;
  }

section.featured-article .post-thumbnail-container {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-height: 300px;
    height: auto;
    border-radius: 4px;
    line-height: 0;
}

section.featured-article .post-thumbnail-container + .entry-after-image {
   position: relative;
   background: #fff;
   z-index: 9;
   left: 5%;
   width: 90%;
   margin-top: -50px;
   padding: 1em 1em;
   font-size: 1em;
}

section.featured-article  .responsive-featured-image a:hover {
   background: #000;
}
section.featured-article h2 {
   display: block;
   position: relative;
}

section.featured-article h2:hover {
   color: #ea695b;
}
@media screen and (max-width: 1024px)  {
   section.featured-article h2.entry-title {
   font-size: 0.95em;
}
} 
@media screen and (max-width: 850px) {
section.featured-article {
   width: 49%;
}
section.featured-article h2.entry-title {
   font-size: 0.9em;
}
}

/***  UL オススメポイント ***/
ul.check-point,
ul.recommend,
ul.weakness	{
	border: 3px solid #707070;
   position: relative;
	margin: 2em 0 1em;
	padding: 1em 1em 1em 2.5em;
	list-style: none;
}

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

}
ul.recommend::before,
ul.weakness::before	{
	position: absolute;
    top: -1em;
    left: 1em;
    padding: 0.5em 2em ;
}

ul.check-point::before {
}

ul.recommend::before {
    content: "ここがオススメ";
}

ul.weakness::before {
    content: "ここはイマイチ";
}

ul.recommend::after,
ul.weakness::after	{
   position: absolute;
    top: -0.75em;
    left: 0.75em;
    padding: 0 0 0 0.7em;
    line-height: 1.5;
    text-align: center;
    font-family: "Font Awesome 5 Free"; 
}

ul.recommend::after {	
    content: "\f164";
    font-weight: 400;
}

ul.weakness::after {	
    content: "\f165";
    font-weight: 400;
}

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

ul.check-point li::before,
ul.recommend li::before,
ul.weakness li::before {	
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    position: absolute;
    left: 1em;
	font-weight: 700;
}
ul.check-point li::before {
    color: #EE6557;
}

ul.recommend li::before {
    content: "\f067";
    font-weight: 900;
    color: #ea2064;
}

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

.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;
}

/***ソフト紹介 リスト***/
.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;
	}
}
/***			参考・関連リンク				***/
dl.related-link {
	text-align: left;
	font-size: .8em;
	margin: 2em 0 1.5em;
}
dl.related-link > dt:before {
    content: "via: ";
}
dl.related-link dt {  
 display: inline-block;
}
.related-link dd {
display: inline-block;
margin: 0 auto .1em !important;
line-height: 1.5;}

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

/***  アドセンス設定  ***/
.entry-header-ads {
   margin: 1em auto 3em;
}


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

.google-auto-placed {
	margin: 3em auto;
}

/*** ASP広告 ***/
.amazon_campaign,
.rakuten_campaign {
    background-color: #FAF8F4;
    padding: 3em;
    text-align: left;
}
.amazon_campaign h3,
.rakuten_campaign h3 {
	margin: 0;
}
.amazon_campaign p,
.rakuten_campaign p {
	font-size:1em;
}

/***  Social   ***/
.va-social-buzz   {
   margin: 3em 0;
}

/***  FooGallery  ***/
.foogallery{
   margin: 60px auto;
}


/*** SNS 埋め込み 中央揃え ***/
.twitter-tweet,
.instagram-media,
.instagram-center {
	margin:5em auto !important;
	max-width:500px;
}
p iframe {
	margin: 1.5em 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: 4em 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: 1.5em 0;
}

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

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

}