/*アニメーションの@keyframes用のCSSコードを書く（ここに書くとAMP用で約500KBまで記入できます）*/

.marker-under { /*黄色アンダーラインマーカー*/
 background: linear-gradient(transparent 70%, #faebd7 70%);
}


/************************************
** 本文記事タイトル
************************************/
header.article-header.entry-header {
text-align:left;
}
.article-header h1 {
position: static;
font-size: 1.4em;
color: #333333;
background-color:#fff;
line-height:1.8em;
text-shadow: none;
margin:0;
padding: 2.3em .95em 1em;
}
.eye-catch{
box-shadow: 0px 3px 7px 0 rgba(0,0,0,.2);
}
.eye-catch img{
height:auto!important;
-webkit-filter:none;
filter:none;
opacity:1;
transform: none;
width: 100%;
}
a.cat-link, a.tag-link{
display: inline-block;
font-size:.6em;
border-radius:10px;
border:0;
margin:0.3em 0.5em ;
padding:0 0.5em 0;
background:#333333!important;
color:#ffffff!important;
word-break: break-all;
position: absolute;
}
.post-date,.post-update{/*日付・更新日*/
margin-right:.5em!important;
color:#7b7b7b;
font-size:.8em;
}
.date-tags{
font-size:0.9em;
color:#7b7b7b;
top:0;
right:0;
}
.cat-link{
top:3.7em;
left:3em;
transition:0.4s;
}
.tag-link{
top:3.7em;
left:14.5em;
transition:0.4s;
}
.tag-link:hover {
opacity: .5;
}
@media (max-width:1023px){
.date-tags{
top:.5em;
right:1em;
}
.cat-link{
top:2.3em;
left:3em;
}
.tag-link{
top:2.3em;
left:14.5em;
}

#search-3 {
    margin: -111px 0 -8px;
}	
	
}
@media (max-width:834px){
.date-tags{
top:.6em;
right:.5em;
}
.cat-link{
top:.3em;
left:.5em;
}
.tag-link{
top:.3em;
left:12em;
}
}
@media (max-width:420px){
.article-header h1 {
font-size: 1.2em;
}
.date-tags{
top:.7em;
right:.2em;
}
.cat-link{
top:.4em;
left:.5em;
}
.tag-link{
top:.4em;
left:12em;
}
}
@media (max-width:834px){/*画面幅834px以下のとき、本文周りの空白を非表示*/
main.main, div.sidebar {
padding:0;
}

}

/*モバイルメニューの幅 */
@media (max-width: 1023px){
.mobile-menu-buttons {
    padding: 10px 0;
	flex-direction: row-reverse;
	}
.logo-menu-button img {
    max-height: 53px;}

.has-logo-button .menu-button {
	width: 53px;}	
	
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button li:nth-child(1), ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button li:nth-child(3) {
    padding-top: 20px;
}
	
span.navi-menu-caption.menu-caption,span.search-menu-caption.menu-caption  {
    display: none;
}
	
.menu-close-button {
    text-align: right;
    font-size: 2em;
    padding: 10px 30px;
}
	
ul.menu-drawer::after {display:none;}

ul.menu-drawer::before {
border-radius: 20px;
background: slategrey;
}
	
	
}

/* タブレットサイズのカルーセル幅 */
@media (max-width: 900px){
.slick-list {
    padding: 67px 0 0; }
}

/* 人気記事ランキング数字●　*/
.widget-entry-cards.ranking-visible .card-thumb::before {
    border-radius: 50%;
    top: -6px;
    left: -6px;
}

/* モバイル詳細記事トップ高さ */
@media screen and (max-width: 1023px){
main.main, div.sidebar {
    margin: 37px 0;
}
}

.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}


@media screen and (min-width: 601px) and (max-width: 834px){/*画面幅601px以上834px以下のとき、本文周りの空白を表示*/
div#content.content.cf{
margin:1em;
}}

/************************************
** H2~H3
************************************/
.article h2, .article h4{
padding: 0;
margin: 0;
font-size: medium;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: none;
position:relative;
}
.article h2:before {
background-image: none;
}
.article h2{
line-height:2;
background-color:#ffe4e1;
font-size: 20px;
color:#778899;
border-radius:2px;
padding:0.5em;
margin-top:60px;
margin-bottom:20px;	
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.3);
}
.article h3{
line-height:2;
font-size:18px;
border:none;
display:inline-block;
color:#333333;
border-radius:2px;
border-left:10px solid #ffe4e1;
padding: 0.4em 0.8em;
margin-top:50px;
margin-bottom:20px;
}
.article h3:before {
background: #fdf5e6;
}

.article h4 {
padding: 0.4em 0.8em;/*上下 左右の余白*/
	font-size:18px;
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #ffe4e1;/*左線*/
margin-top:50px;
margin-bottom:20px;
}

.eye-catch {border-radius: 16px;}

/************************************
** ブログカード（囲み）
***********************************/
.bct-related .blogcard-label,/*関連記事*/
.bct-reference .blogcard-label,/*参考記事*/
.bct-reference-link .blogcard-label,/*参考リンク*/
.bct-popular .blogcard-label,/*人気記事*/
.bct-together .blogcard-label,/*あわせて読みたい*/
.bct-detail .blogcard-label,/*詳細はこちら*/
.bct-check .blogcard-label,/*チェック*/
.bct-pickup .blogcard-label,/*ピックアップ*/
.bct-official .blogcard-label,/*公式サイト*/
.bct-dl .blogcard-label{/*ダウンロード*/
display: inline !important;
background-color: #71acc1;
margin-left:.5em;
}
@media screen and (max-width: 600px){
.blogcard-label{
margin-left:-0.3em!important;
}
}

.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

/************************************
** ブログカード（リンクアイコン・詳細消す）
***********************************/
.blogcard:before {/*ブログカード左上のアイコンを非表示*/
display:none;
}
.internal-blogcard-snippet{
    display: none;
}


/************************************
** スマホ追尾目次
************************************/
/* 

#mobile-toc-widget-wrap .menu-trigger,
#mobile-toc-widget-wrap .menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
#mobile-toc-widget-wrap .menu-trigger {
  position: relative;
  width: 25px;
  height: 35px;
}
#mobile-toc-widget-wrap .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff; /* 三本線色 */
  border-radius: 4px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(1) {
  top: 13px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(2) {
  top: 20px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(3) {
  top: 27px;
}
#mobile-toc-widget-wrap .menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
  top:0;
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}
#mobile-toc-widget-wrap{
  position: fixed;
  bottom: 60px;
  right: 5px;
  margin: 0;
  padding: 0;
  z-index:5;
  counter-reset: mobile-toc;
}
#mobile-toc-widget-wrap label .mobile-toc-button {
  width: 58px;
  height: 58px;
  border-radius:50%;
  background: #c0c0c0; /* ボタン色 */
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  transition: ease-out 0.3s;
  text-align:center;
  position:relative;
  z-index: 3;
}
#mobile-toc-widget-wrap label .mobile-toc-button .mobile-toc-button-title {
  color: #fff; /* ボタン文字色 */
  font-size: 0.65em;
  letter-spacing: 0;
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  margin: auto;
}
#mobile-toc-widget-wrap label:hover {
  background: #efefef;
}
#mobile-toc-widget-wrap input {
  display: none;
}
#mobile-toc-widget-wrap .mobile-toc-show {
  display:none;
}
#mobile-toc-widget-wrap input:checked ~ .mobile-toc-show {
  background:#fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.5em 1em;
  opacity:0.97; /* 20190924数値変更 */
  position:fixed;
  width:100%;
  height:100%;
  display:block;
  animation: 0.5s fade-in;
  -webkit-animation: 0.5s fade-in;
  overflow-y:scroll;
}
@-webkit-keyframes fadeIn { 
  0% {display: none;opacity: 0;}
  1% {display: block;opacity: 0;}
  100% {display: block;opacity: 0.93;}
}
@keyframes fade-in {
  0% {display: none;opacity: 0;}
  1% {display: block;opacity: 0;}
  100% {display: block;opacity: 0.93;}
}
#mobile-toc-widget-wrap .widgettitle{
  text-align: center;
  margin: 0 0 1em; /* 20190924数値変更 */
  color: #c0c0c0; /* 目次名の色 */
  font-size: 1.1em;
  letter-spacing:2px;
  font-weight:600; /* 20190924追記 */
}
#mobile-toc-widget-wrap .mobile-toc-show .toc{
  border:none;
  margin: 0 !important;
  padding: 0 !important;
}
#mobile-toc-widget-wrap .toc .toc-list > li {
  list-style-type: none !important;
  position: relative;
  margin-left: 13px;
  margin-right: 25px;
  padding-left: 32px;
  margin-bottom: 15px;
  padding-bottom: 0px;
  font-size: 1.1em;
  line-height: 1.8;
}
#mobile-toc-widget-wrap .toc a {
  font-size: 0.8em;
  font-weight:600;/* 20190924追記 */
}
#mobile-toc-widget-wrap .toc-list{
  padding:0 !important;
}
#mobile-toc-widget-wrap .toc-list > li:before{
  counter-increment: mobile-toc;
  content: counter(mobile-toc);
  position: absolute;
  left: 5px;
  top: 5px;
  background: none;
  font-size: 0.8em;
  color: #c0c0c0; /* 数字の色 */
}
#mobile-toc-widget-wrap .toc_widget_list > li ol {
  margin-top: 5px;
  padding-left: 20px;
}
#mobile-toc-widget-wrap .toc-list ol{
  list-style:none;
}
#mobile-toc-widget-wrap .toc-list > li > ol > li a {
  position: relative;
  text-decoration: none !important;
  font-weight:500;/* 20190924追記 */
}
#mobile-toc-widget-wrap .toc-list > li ol li a:before {
  position: absolute;
  content: "・";
  font-size: 1.4em;
  left: -20px;
  top: -10px;
  color: #c0c0c0; /* 点の色 */
} 

#mobile-toc-widget-wrap {display:none;}


/* 引用カスタム＝＝＝ここから↓↓ */
blockquote{
  background: #EFEFEF;/*背景色を少し濃いめの灰色に*/
  border-radius: 5px; /*角を丸める*/
}

/*————————————–
もしもの簡単リンクのカスタマイズ
————————————–*/
div.easyLink-box {
border:3px double#CCC !important;
box-shadow: 2px 3px 9px -5px rgba(0,0,0,.25);}
div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-name {
margin:15px 2px 0 0!important;
text-align:center !important;
font-size: 14px !important;}
p.easyLink-info-model {
display: none !important;}
.easyLink-info-btn {
display: inline!important;} .easyLink-info-btn a{
margin: 5px 10px 5px 0!important; padding: 0 12px!important;
line-height: 31px!important;
display: inline-block!important;
width: 100%!important;
box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;
font-size: 0.9em!important; } .easyLink-info-btn-amazon{
background:#ffb36b!important; } .easyLink-info-btn-rakuten{
background:#ea7373!important; } .easyLink-info-btn-yahoo{
background:#73c1ea!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-width: 300px !important;
max-height: 160px !important;}

@media screen and (max-width: 480px){
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
width: 100%!important;
position: relative; }
.easyLink-info-btn a:before { padding-right: 5px;
right: 5px;
position: absolute;
} }

@media screen and (max-width: 480px){
div.easyLink-box.easyLink-size-s {
max-width: 340px !important;
}}
/*————————————–
ここまで、もしもの簡単リンクのカスタマイズ
————————————–*/



/*ヘッダーの影を消す*/
.mobile-header-menu-buttons{
	margin: 0px 0px 3px;
	box-shadow:none;
}

.cat-label {
display: none;
}


/* スマホ版検索窓の背景色の変更　*/
input.search-edit {
    background: #f5f5f5;
}


.go-to-top { bottom: 92px; z-index: 2; }