.equipment_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）　スタート */
/*------------------------------------------------------------------------*/

@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;
	}
	
	/*.mmadori_float{
		text-align:center;
	}
	
	.mmadori_float img{
		width:380px;
		height:575px;
	}*/
	
	.madori_area{
		width:800px;
		margin:0 auto;
	}
	
	.mmadori_float{
		float:left;
		margin:10px;
	}
	
	.mmadori_float img{
		width:380px;
		height:575px;
	}
	
	.photo_float{
		float:left;
		width:290px;
		text-align:left;
		margin:0 5px;
	}
	
	.photo_float img{
		width:290px;
		/*height:258px;*/
	}
	
	/*追加項目・室内写真*/
	.room_float{
		float:left;
		width:390px;
		text-align:left;
		margin:0 5px 10px 5px;
	}
	
	.room_float img{
		width:390px;
		height:258px;
	}
}

/*------------------------------------------------------------------------*/
/*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;
	}
	
	/*.mmadori_float{
		text-align:center;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}*/
	
	.madori_area{
		width:800px;
		margin:0 auto;
	}
	
	.mmadori_float{
		float:left;
		margin:1%;
		padding:0;
		width:48%;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}
	
	.photo_float{
		float:left;
		width:46%;
		text-align:left;
		margin:0 2% 2% 2%;
	}
	
	.photo_float img{
		width:100%;
		height:100%;
	}
	
	/*追加項目・室内写真*/
	.room_float{
		float:left;
		width:32.33%;
		text-align:left;
		margin:0 0.5% 1% 0.5%;
	}
	
	.room_float img{
		width:100%;
		height:100%;
	}
}

/*------------------------------------------------------------------------*/
/*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;
	}
	
	/*.mmadori_float{
		text-align:center;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}*/
	
	.madori_area{
		width:100%;
		margin:0 auto;
	}
	
	.mmadori_float{
		float:left;
		margin:1%;
		padding:0;
		width:48%;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}
	
	.photo_float{
		float:left;
		width:46%;
		text-align:left;
		margin:0 2% 2% 2%;
	}
	
	.photo_float img{
		width:100%;
		height:100%;
	}
	
	/*追加項目・室内写真*/
	.room_float{
		float:left;
		width:32.33%;
		text-align:left;
		margin:0 0.5% 1% 0.5%;
	}
	
	.room_float img{
		width:100%;
		height:100%;
	}
}

/*------------------------------------------------------------------------*/
/*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;
	}
	
	/*.mmadori_float{
		text-align:center;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}*/
	
	.madori_area{
		width:100%;
		margin:0 auto;
	}
	
	.mmadori_float{
		float:none;
		margin:0 0 30px 0;
		padding:0;
		width:100%;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}
	
	.photo_float{
		float:none;
		width:100%;
		text-align:left;
		margin-bottom:10px;
	}
	
	.photo_float img{
		width:100%;
		height:100%;
	}
	
	/*追加項目・室内写真*/
	.room_float{
		float:none;
		width:100%;
		text-align:left;
		margin-bottom:10px;
	}
	
	.room_float img{
		width:100%;
		height:100%;
	}
}

/*------------------------------------------------------------------------*/
/*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;
	}
	
	/*.mmadori_float{
		float:none;
		margin:0 0 30px 0;
		padding:0;
		width:100%;
	}
	
	.mmadori_float img{
		text-align:center;
		width:100%;
		height:100%;
	}*/
	
	.madori_area{
		width:100%;
		margin:0 auto;
	}
	
	.mmadori_float{
		float:none;
		margin:0 0 30px 0;
		padding:0;
		width:100%;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}
	
	.photo_float{
		float:none;
		width:100%;
		text-align:left;
		margin-bottom:10px;
	}
	
	.photo_float img{
		width:100%;
		height:100%;
	}
	
	/*追加項目・室内写真*/
	.room_float{
		float:none;
		width:100%;
		text-align:left;
		margin-bottom:10px;
	}
	
	.room_float img{
		width:100%;
		height:100%;
	}
}

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