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

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


.entry-card-thumb .cat-label {
  display: none;
}


.ect-entry-card .card-snippet, 
.rect-entry-card .card-snippet, 
.ect-big-card-first .card-snippet {
     -webkit-line-clamp: 14;
  }
.entry-card-thumb-image.card-thumb-image{
	object-fit: contain;
//height:200px;
//width:300px;
object-position:top;
}
.card-thumb-image.wp-post-image{
	object-fit: contain;
//height:200px;
//width:300px;
object-position:top;
}
.blogcard-thumb-image.wp-post-image{
	object-fit: contain;
//height:200px;
//width:300px;
object-position:top;
}


a{
text-decoration: none;
}

a.affibtn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 350px;
	margin: auto;
	padding: 1rem 1rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	border-radius: 5px;
	transition: 0.5s;
	animation: move_a 2s infinite;
	
}
@keyframes move_a {
    0% {transform: translate(0px, 4px);}
    5% {transform: translate(0px, -4px);}
    10% {transform: translate(0px, 4px);}
    15% {transform: translate(0px, -4px);}
    20% {transform: translate(0px, 4px);}
    25% {transform: translate(0px, -4px);}
    30% {transform: translate(0px, 0px);}
}
a.affibtn:hover {
	color: #27acd9;
	background: #fff;
}


table {
  border: 3px solid #0bc;
  border-collapse: separate;
  overflow: hidden;
  border-spacing: 0;
  border-radius: 10px;

	tr{
border: 0px solid #faa;
	
  th, td {
    padding: 0;
	  border-color:#ffeeee;
border: 0;
	  background-color:#fff;
  }
	}
}


table td.videotable_title {
	font-weight :bold;
background-color:#fff;
	border: 0px solid #ccccff;

}

table td.video_package{
	width:130px;text-align:center;
	background-color:#fff;
	vertical-align:top;
	border: 0;
}
table td.videotable_item{
	width:100px;
	background-color:#fff;
	border: 0;
}
table td.videotable_data {
	background-color:#fff;
	border: 0;
}
table td.videotable_act{
	background-color:#fff;
	border-radius: 0 0 0 10px;

	vertical-align:top;
	border: 0;
	
}
table td.videotable_actress{
	background-color:#fff;
	border-radius:0 0 10px 0;
	border: 0;
}

.fanza_logo{
	height:25px;
	position: relative;
	top:6px;
	left:2px;
}

.sample_video{
	border: 3px solid #0bc;
	padding:0;
	margin:0;
}
td.api_pi{
	width:200px;
	border-width:0px; 
	text-align:right; 
	vertical-align:top; 
	background:#e4f6fc;
}
td.api_ko{
	width:110px;
	vertical-align:top; 
	border:0;
	background:#e4f6fc;
}

td.api{
	border:0;
	background:#e4f6fc;
}

.tag-icon.fa-tag:before {content: "\f221";}
.tag-icon.fa-tags:before {content: "\f249";}
.post-count:before {content: "(";}
.post-count:after {content: ")";}
.fa-tag.tax-icon:before {content: "\f221";}

/************************************
** 縦列３カードを5列に
************************************/
.ect-3-columns .entry-card-wrap {
	width: 160px;
}
/* スマホの場合３列に */
@media screen and (max-width: 559px) {
.ect-3-columns .entry-card-wrap {
	width: 30%;
}
}


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

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

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.ect-entry-card .card-snippet, 
.rect-entry-card .card-snippet, 
.ect-big-card-first .card-snippet {
      clear: none;
  }