
/*CSS 1280px以上（大型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:1280px) {
	
	#viewer::after {
		content: "－アクセス－";
		position: absolute;
		top: 40%;
		left: 0%;
		font-size:42px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
	
}

/*------------------------------------------------------------------------*/
/*CSS 1280px以上（大型PC）　エンド */


/*CSS 960px～1279px（小型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:960px) and (max-width:1279px) {
	
	#viewer::after {
		content: "－アクセス－";
		position: absolute;
		top: 40%;
		left: 0%;
		font-size:38px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
	
}

/*------------------------------------------------------------------------*/
/*CSS 960px～1279px（小型PC）　エンド */


/*CSS 600px～959px（タブレット）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:600px) and (max-width:959px) {
	
	#viewer::after {
		content: "－アクセス－";
		position: absolute;
		top: 38%;
		left: 0%;
		font-size:30px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
	
}

/*------------------------------------------------------------------------*/
/*CSS 600px～959px（タブレット）　エンド */


/*CSS 600px～480px（タブレット）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:480px) and (max-width:600px) {
	
	#viewer::after {
		content: "－アクセス－";
		position: absolute;
		top: 38%;
		left: 0%;
		font-size:30px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
		
}

/*------------------------------------------------------------------------*/
/*CSS 480px～599px（スマートフォン横）　エンド */


/*CSS ～479pxx（スマートフォン縦）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (max-width:479px) {
	
	#viewer::after {
		content: "－アクセス－";
		position: absolute;
		top: 38%;
		left: 0%;
		font-size:24px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
	
}

/*------------------------------------------------------------------------*/
/*CSS ～479pxx（スマートフォン縦）　エンド */