@charset "shift_jis";
/* 広告関連レスポンシブデザインＣＳＳ  */

/* スマホにおいても３個のアドセンス広告を掲載する方式 */
/* 右広告欄にアドセンスを掲載しないタイプ */


/* *********************** グーグル・アドセンス広告の配置設計用 */
/* １番目のアドセンス広告 */
#ysadsense-1 {
	width: 336px;
	height: 280px;
	background-color:#EFEFEF;
	margin:0 auto;
}

#ysadsense-1-notice { /* 「広告」文字表示 */
	display:block;
	width: 336px;
	height: 14px;
	font-size:70%;
	line-height:1;
	margin:0 auto;
}

@media screen and (min-width : 480px) and (max-width : 767px){ /* タブレット */

	#ysadsense-1 {
		width: 336px;
		height: 280px;
		margin:0 auto;

	}

	#ysadsense-1-notice { /* 「広告」文字表示 */
		width: 336px;
	}
	
}

@media screen and (max-width : 479px){ /* スマホ */

	#ysadsense-1 {
		width: 320px;
		height: 100px;
		margin:0 auto;

	}

	#ysadsense-1-notice { /* 「広告」文字表示 */
		width: 320px;
	}
}



/* ２番目のアドセンス広告 ---------------------------------------------*/
#ysadsense-2 {
	width: 728px;
	height: 90px;
	background-color:#EFEFEF;
	margin:0 auto;
}

#ysadsense-2-notice { /* 「広告」文字表示 */
	display:block;
	width: 728px;
	height: 14px;
	font-size:70%;
	line-height:1;
	margin:0 auto;
	
}

@media screen and (min-width : 480px) and (max-width : 767px){ /* タブレット */

	#ysadsense-2 {
		width: 468px;
		height: 60px;
		margin:0 auto;
	}
	
	#ysadsense-2-notice { /* 「広告」文字表示 */
		width: 468px;
	}
	
}

@media screen and (max-width : 479px){ /* スマホ */

	#ysadsense-2 {
		width: 300px;
		height: 250px;
		margin:0 auto;
	}
	
	#ysadsense-2-notice { /* 「広告」文字表示 */
		width: 300px;
	}
	
}



/* ３番目のアドセンス広告（ＰＣ用：７２８×９０タイプ）------------------------------------*/
#ysadsense-3 {
	width: 728px;
	height: 90px;
	background-color:#EFEFEF;
	margin:0 auto;
}

#ysadsense-3-notice { /* 「広告」文字表示 */
	display:block;
	width: 728px;
	height: 14px;
	font-size:70%;
	line-height:1;
	margin:0 auto;
	
}

@media screen and (min-width : 480px) and (max-width : 767px){ /* タブレット */

	#ysadsense-3 {
		width: 468px;
		height: 60px;
		margin:0 auto;
	}
	
	#ysadsense-3-notice { /* 「広告」文字表示 */
		width: 468px;
	}
	
}

@media screen and (max-width : 479px){ /* スマホ */

	#ysadsense-3 {
		width: 300px;
		height: 250px;
		margin:0 auto;
	}
	
	#ysadsense-3-notice { /* 「広告」文字表示 */
		width: 300px;
	}
	
}


/* ３番目のアドセンス広告 （ＰＣ用：３３６×２８０タイプ）-------------------------------*/
#ysadsense-3x {
	width: 336px;
	height: 280px;
	background-color:#EFEFEF;
	margin:0 auto;
}

#ysadsense-3x-notice { /* 「広告」文字表示 */
	display:block;
	width: 336px;
	height: 14px;
	font-size:70%;
	line-height:1;
	margin:0 auto;
}

@media screen and (min-width : 480px) and (max-width : 767px){ /* タブレット */

	#ysadsense-3x {
		width: 336px;
		height: 280px;
		margin:0 auto;
	}
	
	#ysadsense-3x-notice { /* 「広告」文字表示 */
		width: 336px;
	}
	
}

@media screen and (max-width : 479px){ /* スマホ */

	#ysadsense-3x {
		width: 300px;
		height: 250px;
		margin:0 auto;
	}
	
	#ysadsense-3x-notice { /* 「広告」文字表示 */
		width: 300px;
	}
	
}



/* ５番目のアドセンス広告 */
#ysadsense-5 {
	width: 336px;
	height: 280px;
	background-color:#EFEFEF;
	margin:0 auto;
}

#ysadsense-5-notice { /* 「広告」文字表示 */
	display:block;
	width: 336px;
	height: 14px;
	font-size:70%;
	line-height:1;
	margin:0 auto;
}

@media screen and (min-width : 480px) and (max-width : 767px){ /* タブレット */

	#ysadsense-5 {
		width: 336px;
		height: 280px;
		margin:0 auto;

	}

	#ysadsense-5-notice { /* 「広告」文字表示 */
		width: 336px;
	}
	
}

@media screen and (max-width : 479px){ /* スマホ */

	#ysadsense-5 {
		width: 300px;
		height: 254px;
		background-color:#FFF;
		margin:0 auto;

	}

	#ysadsense-5-notice { /* 「広告」文字表示 */
		width: 300px;
	}
}



/* ６番目のアドセンス広告 */
#ysadsense-6 {
	width: 200px;
	height: 200px;
	background-color:#EFEFEF;
	margin:0 auto;
}

#ysadsense-6-notice { /* 「広告」文字表示 */
	display:block;
	width: 200px;
	height: 14px;
	font-size:70%;
	line-height:1;
	margin:0 auto;
}

@media screen and (min-width : 480px) and (max-width : 767px){ /* タブレット */

	#ysadsense-6 {
		width: 200px;
		height: 200px;
		margin:0 auto;

	}

	#ysadsense-6-notice { /* 「広告」文字表示 */
		width: 200px;
	}
	
}

@media screen and (max-width : 479px){ /* スマホ */

	#ysadsense-6 {
		width: 125px;
		height: 125px;
		background-color:#FFF;
		margin:0 auto;

	}

	#ysadsense-6-notice { /* 「広告」文字表示 */
		width: 125px;
	}
}






/* アドセンスのＬＩＮＫ広告（共通）--------------------------------- */
.ysad-link { /* PC */
	width: 728px;
	height: 15px;
	margin:0 auto;
	background-color:#F2F2F2;
}

.ysad-link-notice { /* 「広告」文字表示 */
	display:block;
	width: 728px;
	height: 14px;
	font-size:70%;
	line-height:1;
	margin:0 auto;
}

@media screen and (min-width : 500px) and (max-width : 799px){
	.ysad-link { /* タブレット */
		width: 468px;
		height: 15px;
		margin:0 auto;
	}

	.ysad-link-notice { /* 「広告」文字表示 */
		width: 468px;
	}	
}

@media screen and (max-width : 499px){
	.ysad-link { /* スマホ */
		width: 200px;
		height: 90px;
		margin:0 auto;
	}
	
	.ysad-link-notice { /* 「広告」文字表示 */
		width: 200px;
	}	

}



/* レスポンシブＬＩＮＫ広告（共通）2015/12/21-------------------- */
.ysadlinkr { /* PC */
	width: 728px;
	height: 15px;
	margin:0 auto;
	background-color:#F7F7F7;
}

@media screen and (min-width : 500px) and (max-width : 799px){
	.ysadlinkr { /* タブレット */
		width: 468px;
		height: 15px;
		margin:0 auto;
	}

}

@media screen and (max-width : 499px){
	.ysadlinkr { /* スマホ */
		width: 200px;
		height: 90px;
		margin:0 auto;
	}
	

}





/* 左側貼付ＬＩＮＫ広告の位置調整--------------------------------- */
.ysad-link-adj {
	margin:0 auto;
	text-align:center;     /* マージンにautoを指定する方法が有効にならないブラウザ（IE6など）対策 */
}