@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.2
*/

/************************************
** 子テーマ用のスタイルを書くborder:solid 1px #FC9900;
************************************/
/*必要ならばここにコードを書く*/

/*固定ページ日付なし*/
.page .date-tags {
display: none;
}
/*固定ページキャプション無し*/
.page .gallery-caption {display: none;}

/*homeのページネーションの表示無し*/
.home .pagination-next{display:none;}
.home .pagination{display:none;}

/*モーターショーリスト*/
.motorshowlist a{text-decoration:none;}
.motorshowlist img{margin:0px 2px 0px 15px;border: 1px solid #444444;}

/*モデルネームリスト*/
.modelname{white-space: nowrap;}
.intlistbrand{font-weight:bold;color:white;background:#444444;white-space: nowrap;padding:0px 4px;}

/*home*/
.home .entry-card-thumb img{}
.home .entry-card-thumb .cat-label {}
.widget-entry-cards.card-large-image{background-color:#FC9900;margin-bottom:10px;}
.widget-entry-cards.card-large-image .a-wrap {
  max-width: 100%;
}

.new-entry-card-date {
  display: block;
}
.post-update {
  display: none;
}
.boxgr {
background: #eeeeee; padding: 15px; border: 2px solid #bbbbbb; border-radius: 10px; word-break: break-all; font-size: 90%;
}
.NPL {
background: #eeeeee; padding: 15px; border: 2px solid #bbbbbb; border-radius: 10px; word-break: break-all; font-size: 90%;
}
.NPL .new{background:red;color:yellow;font-weight:bold;font-style:italic;}
.article h1 {background: #FF9B00;padding :5px;border:2px solid #000000;}
.article h2 {background: #FF9B00;color: #ffffff;}
.article h3 {border-color: #FF9B00;}
.article strong {
background: #ffff00; color:red; 
font-weight:bold;
}
/*コピーライト*/

.copyright{
	background-image:url("https://car-research.jp/pict/unei.png");
	background-position: center top;
    background-repeat:  no-repeat;
    width:auto;
    height:18px;
	padding-top:20px;
	padding-bottom:40px;
}


/*
.new-entry-card-thumb {
  display: none;
}
*/
/*
.new-entry-card-thumb{background-color:#FC9900;}
.entry-content .widget-entry-cards figure {width:0px;}
.entry-content .widget-entry-card-content {margin-left: 6px;}
.new-entry-card-post-date {}
.new-entry-card-thumb img{display: none;}

*/
.nobutton input{margin:0px;}

.article:nth-child(n + 13) {
background-color:#cccccc;
}
/************************************
** トップの内部リンク
************************************/
.main{margin-top:0px;padding-top:0px;}
.content{margin-top:0px;}
.gcartitle {
	font-weight:bold;
	font-size:115%;
	margin: 5px 0px 0px 0px ;
	line-height:100%;
}
.gcarinlinksection {
	margin:0px 0px 3px 0px;
}
.topkanren{margin:10px 0px 3px 0px;padding:0px;font-size:80%;line-height:80%;}
.gcarlink {
	clear:both;
	text-align: left;
	background: #eeeeee;
	margin-bottom:2px;
}
.gcarlink figure {
float: left;
	margin: 0px 5px 0px 0px;
	width: 50px;
}
.gcarlink figure img {
 vertical-align: top;
		margin:0px;
	width: 50px;
}
.gcarlink p {
	word-break: break-all;
	margin:0px 5px 0px 0px;
	font-size:85%;
	line-height:normal;
	min-height:50px;
}
.gcarlink a{
		margin:0px;
display: block;
}
.gcarlinkend{clear: both;margin:0px;}
/*ここまで、トップの内部リンク*/

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

}

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

}

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

}


/*****************************
** ブログカードのカスタマイズ
***************************/
.coutc{
font-size:90%;
border:1px solid #eaeaea !important;
background:#d5d5d5;
box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
padding: 10px;
}
/************************************
** ブログカード
************************************/
.blogcard-snippet,
.blogcard-footer {
  display: none;
}
.blogcard-wrap {
  transition: all .3s;
  max-width: 600px;
  margin: 0px auto;
}
.blogcard {
	border:none;
/* border:1px solid #eaeaea !important; */
/* box-shadow: 0 2px 5px rgba(0, 0, 0, .15); */
/* padding: 10px; */
}
.blogcard-wrap:hover {
 background: #fff;
  transform: translateY(-3px);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}
.blogcard-thumbnail {
  margin: 0;
}
.blogcard-thumbnail img {
  display: block;
}
.blogcard-title {
  color: #555;
  letter-spacing: 0.5px;
  font-size: 15px;
  line-height: 1.5;
  margin: 10px 0 0 0;
  height: 45px;
  overflow: hidden;
}
.blogcard-content {
  min-height: auto;
  margin-left: 185px;
  padding-right: 6px;
}
.blogcard-label {
  top: -11px;
  left: 9px;
  padding: 3px 0.6em;
  background:#f7f7f7;
  padding: 1px 10px;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
}
.blogcard-content:after {
  content: "つづきを読む";
  background: #FF9B00; /* 背景色 */
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  width: 180px;
  border-radius: 20px;
  font-size: 13px;
  padding: 1px 0;
  margin-top: 6px;
}
@media screen and (max-width: 834px) {
  .blogcard-content {
    margin-left: 130px;
  }
  .blogcard-title {
    font-size:12px;
    line-height: 1.5;
    height: 35px;
    margin:0;
  }
  .blogcard-content:after {
    content: "つづきを読む";
  }
  .blogcard-thumbnail{
    width:120px;
  }
}
@media screen and (max-width: 560px) {
  .blogcard-content:after {
    width: 120px;
    font-size: 12px;
  }
  .blogcard-title {
    margin:0;
  }
}
@media screen and (max-width: 320px) {
  .blogcard-thumbnail {
    width: 100px;
  }
  .blogcard-content {
    margin-left: 110px;
  }
  .blogcard-title {
    height: 35px;
  }
}