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

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

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

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

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

/************************************
** SELF
***********************************/

/* post strong */
.entry-content strong{
	background: linear-gradient(transparent 70%, #fedddd 0%);
}

/* post th,td */
.entry-content th{
	background: #dddddd;
	font-weight:normal;
}

.entry-content th,
.entry-content td{
  word-wrap: break-word; /* 一部環境では無効 */
  overflow-wrap: break-word; /* より確実に改行される */
  white-space: normal; /* 改行を許可する */
}

/* gadの背景を無色化*/
ins {
	background: none;
}

/* aff */
.aff_v3{
	border:3px double #ccc;		
	padding:20px;		
	margin-bottom:15px;		
			
	box-sizing: border-box;		
	display: table;		
	width:100%;		
}
	.aff_v3 > div:nth-child(2) > div:nth-child(2) a{
		display:block;			
		text-align:center;			

		margin-bottom:5px;
		padding:4px 10px;	
		border:1px solid #ccc;	
			
		font-size:14px;	
		font-weight:bold;	
		color:#333;	
		text-shadow: 1px 1px 1px #ccc;	
		text-decoration:none;	

		background:#fff;	
		background-image: -moz-linear-gradient(	
			top,
			#fff 0%,
			#eee 50%,
			#eee);
		background-image: -webkit-gradient(	
			linear,
			left top,left bottom,
			from(#fff),
			color-stop(0.5, #eee),
			to(#eee));
			
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}		
	.aff_v3 > div:nth-child(2) > div:nth-child(2) a:hove{
		background:#eee;
	}		
	.aff_v3 > div:nth-child(2) > div:nth-child(2) a:nth-child(1){		
		color:#c00;	
	}		
	.aff_v3 > div:nth-child(2) > div:nth-child(2) a:nth-child(2){		
		color:#f60;	
	}		
	.aff_v3 > div:nth-child(2) > div:nth-child(2) a:nth-child(3){		
		color:#363;	
/*display:none;*/
	}		
	.aff_v3 > div:nth-child(2) > div:nth-child(2) a:nth-child(4){		
		color:#96c;	
	}
	.aff_v3 > div:nth-child(2) > div:nth-child(2) a:nth-child(5){		
		color:#06c;	
	}

@media screen and (max-width:639px) {			
/*スマホ用のcssを記述*/			
	.aff_v3 > div:nth-child(1){		
		padding-bottom:10px;	
		text-align:center;	
	}		
	.aff_v3 > div:nth-child(2){		
		text-align:center;	
	}		
			
	.aff_v3 > div:nth-child(2) > div:nth-child(1){		
		font-size:14px;	
		padding-bottom:10px;	
	}		
	.aff_v3 > div:nth-child(2) > div:nth-child(2){		
		padding:5px 0px;	
	}		
}			
@media screen and (min-width:640px) {			
/*pc用のcssを記述*/			
	.aff_v3 > div:nth-child(1){		
		display: table-cell;	
		vertical-align:top;	
		width:180px;
	}		
	.aff_v3 > div:nth-child(2){		
		display: table-cell;	
		vertical-align:top;	
	}		
			
	.aff_v3 > div:nth-child(1) > a > img{ width:140px;}
	.aff_v3 > div:nth-child(2) > div:nth-child(1){		
		font-size:18px;	
		padding-bottom:20px;	
	}		
	.aff_v3 > div:nth-child(2) > div:nth-child(2){		
		padding:5px 0px;	
	}		


}