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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* blogcard */
.blogcard-wrap{
	margin:0;
	padding:0;
	width:100%;
}

/* not allow cp */
body:not(.logged-in) * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

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

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

.notice-area{
	margin:0px;
	padding:0px;
	font-size:0.8em;
}
/* 20190206 追加 AFF*/
.aff{
	border:3px double #ccc;
	padding:15px;		
	margin-bottom:15px;		
			
	box-sizing: border-box;		
	display: table;		
	width:100%;		
}
	.aff > 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:#39c;	
		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 > div:nth-child(2) > div:nth-child(2) a:hove{
		background:#eee;	
		background-image: -moz-linear-gradient(	
			top,
			#eee 0%,
			#fff 50%,
			#fff);
		background-image: -webkit-gradient(	
			linear,
			left top,left bottom,
			from(#eee),
			color-stop(0.5, #fff),
			to(#fff));
			
	}		
	.aff > div:nth-child(2) > div:nth-child(2) a:nth-child(1){		
		color:#06c;	
	}		
	.aff > div:nth-child(2) > div:nth-child(2) a:nth-child(2){		
		color:#c00;	
	}		
	.aff > div:nth-child(2) > div:nth-child(2) a:nth-child(3){		
		color:#f93;	
/*display:none;*/
	}		
	.aff > div:nth-child(2) > div:nth-child(2) a:nth-child(4){		
		color:#363;	
	}		
	.aff > div:nth-child(2) > div:nth-child(2) a:nth-child(5){		
		color:#639;	
	}		

	.aff_am > div:nth-child(2) > div:nth-child(2) a:nth-child(1){		
		color:#f93;	
	}		
	.aff_am > div:nth-child(2) > div:nth-child(2) a:nth-child(2){		
		color:#c00;	
	}		
	.aff_am > div:nth-child(2) > div:nth-child(2) a:nth-child(3){		
		color:#06c;	
	}		
	.aff_am > div:nth-child(2) > div:nth-child(2) a:nth-child(4){		
		color:#96c;	
	}		
	.aff_am > div:nth-child(2) > div:nth-child(2) a:nth-child(5){		
		color:#363;	
	}		

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


}

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

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

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