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

@media screen and (min-width:1280px) {
	#viewer::after {
		content: "アクセス";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:42px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	.photo_float{
		float:left;
		width:390px;
	}
	
	.photo_float img{
		width:390px;
		height:258px;
	}
	
	.photo_float_c{
		float:left;
		width:390px;
		margin-left:15px;
		margin-right:15px;
	}
	
	.photo_float_c img{
		width:390px;
		height:258px;
	}
	
	.access_area{
		margin-bottom:100px;
	}
	
	.access_area img{
		padding:0;
		margin:0 auto;
		width:980px;
	}
	
	.access_area_m{
		display:none;
	}
	
	.access_area_m img{
		display:none;
	}
	
	.access_img_area{
		width:400px;
		height:88px;
	}
	
	.access_name{
		font-size:16px;
		text-align:left;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight:bold;
		color: #A98221;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a97323+0,debf6d+50,a97323+100 */
		margin:0 0 5px 0;
		padding: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: 36%;
		left: 0%;
		font-size:38px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	.photo_float{
		float:left;
		width:32%;
	}
	
	.photo_float img{
		width:100%;
		height:100%;
	}
	
	.photo_float_c{
		float:left;
		width:32%;
		margin:0 2%;
		box-sizing: border-box;
	}
	
	.photo_float_c img{
		width:100%;
		height:100%;
	}
	
	.access_area{
		margin-bottom:100px;
	}
	
	.access_area img{
		padding:0;
		margin:0 auto;
		width:100%;
		height:100%;
	}
	
	.access_area_m{
		display:none;
	}
	
	.access_area_m img{
		display:none;
	}
	
	.access_img_area{
		width:400px;
		height:88px;
	}
	
	.access_name{
		font-size:14px;
		text-align:left;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight:bold;
		color: #A98221;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a97323+0,debf6d+50,a97323+100 */
		margin:0 0 5px 0;
		padding: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: 36%;
		left: 0%;
		font-size:30px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	.photo_float{
		float:left;
		width:32%;
	}
	
	.photo_float img{
		width:100%;
		height:100%;
	}
	
	.photo_float_c{
		float:left;
		width:32%;
		margin:0 2%;
		box-sizing: border-box;
	}
	
	.photo_float_c img{
		width:100%;
		height:100%;
	}
	
	.access_area{
		margin-bottom:100px;
	}
	
	.access_area img{
		padding:0;
		margin:0 auto;
		width:100%;
		height:100%;
	}
	
	.access_area_m{
		display:none;
	}
	
	.access_area_m img{
		display:none;
	}
	
	.access_img_area{
		width:400px;
		height:88px;
	}
	
	.access_name{
		font-size:14px;
		text-align:left;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight:bold;
		color: #A98221;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a97323+0,debf6d+50,a97323+100 */
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
}

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


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

@media screen and (min-width:480px) and (max-width:599px) {
	#viewer::after {
		content: "アクセス";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:26px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	.photo_float{
		float:none;
		width:100%;
	}
	
	.photo_float img{
		width:100%;
		height:100%;
	}
	
	.photo_float_c{
		float:none;
		width:100%;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.photo_float_c img{
		width:100%;
		height:100%;
	}
	
	.access_area{
		display:none;
	}
	
	.access_area img{
		display:none;
	}
	
	.access_area_m{
		display:block;
		margin-bottom:100px;
	}
	
	.access_area_m img{
		display:block;
		padding:0;
		margin:0 auto;
		width:100%;
		height:100%;
	}
	
	.access_img_area{
		width:400px;
		height:88px;
	}
	
	.access_name{
		font-size:16px;
		text-align:left;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight:bold;
		color: #A98221;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a97323+0,debf6d+50,a97323+100 */
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
}

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


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

@media screen and (max-width:479px) {
	#viewer::after {
		content: "アクセス";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	.photo_float{
		float:none;
		width:100%;
	}
	
	.photo_float img{
		width:100%;
		height:100%;
	}
	
	.photo_float_c{
		float:none;
		width:100%;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.photo_float_c img{
		width:100%;
		height:100%;
	}
	
	.access_area{
		display:none;
	}
	
	.access_area img{
		display:none;
	}
	
	.access_area_m{
		display:block;
		margin-bottom:100px;
	}
	
	.access_area_m img{
		display:block;
		padding:0;
		margin:0 auto;
		width:100%;
		height:100%;
	}
	
	.access_img_area{
		width:90%;
		height:90%;
	}
	
	.access_name{
		font-size:16px;
		text-align:left;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight:bold;
		color: #A98221;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a97323+0,debf6d+50,a97323+100 */
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
}

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