@media screen and (max-width: 1220px) {
	#mainVisual p.txt1 {
	left: 1.5%;
	}
}

@media screen and (max-width: 960px) {

#headWrap {
	width: 100%;
	min-width: 640px;
	height: 90px;
	background: url(../images/top_content_bg.jpg) repeat-x;
}
#header {
	margin:0 auto;
	width: 100%;
	min-width: 640px;
	position: relative;
}

#sp_headmenu { display: none; }

/* header description */
#header p.desc {
	margin: 10px auto 0;
	width: 100%;
	min-width: 640px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.5px;
	padding-right: 25px;
}

#header ul {
	padding-top: 30px;
	float: right;
	padding-right: 20px;
}


/* ■■■ contents ■■■ */
#contentWrap { width: 100%; }
#footWrap { width: 100%; }

#footer {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	min-width: 640px;
	height: auto;
}

#footer div:first-child {
		text-align: center;
		width: 50%;
		float: left;
		padding: 0;
		border-right-style: none;
		}

#footer div.footFreeTel {
		text-align: center;
		width: 49%;
		float: right;
		padding: 0;
		border-left: 1px dotted #ccc;
		border-right-style: none;
		}

#footer div.footQrInfo { display: none; }
#footer div.footQr { display: none; }


/*============================================================================================
トップページ　start
index.html
============================================================================================*/


#home #header {
	margin: 0 auto;
	width: 100%;
	min-width: 640px;
	position: relative;
}

#mainVisual {
	min-width: 640px;
	height: auto;
	position: relative;
}

#mainVisual #topMainTxt { width: 35% }

#mainVisual #topMainTxt div {
	width: 105px;
	height: auto;
}

#mainVisual p.txt1 { width: 30%; }
#mainVisual p.txt2 { width: 50%; }
#mainVisual p.txt3 { width: 30%; }



/* main navi */
#navWrap {
	width: 100%;
	min-width: 640px;
	height: auto;
	background: #000;
	border-top: 1px solid #99794e;
	border-bottom: 1px solid #99794e;
}

#submenuWrap { display: none; }
#spMenu_container {	display: none; }

#navWrap ul {
	margin: 0 auto;		
	width: 100%;
	min-width: 640px;
	height: auto;
}

#navWrap ul li {
	text-align: center;
	width: 20%;
	display: inline;
	float: left;
}

#navWrap ul li a { width: 100%;	}
#navWrap ul li a:hover { background-color: #777; }

#contentWrap #topContent {
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	min-width: 640px;
	height: auto;
}


	/* pr_space */
#topPr {
	padding: 10px 0 10px;
	width: 100%;
	min-width: 640px;
	height: auto;
	background-color: #000;
	text-align: center;
}


/* infomation */

#info { float: left; width: 50%; }
.bunnerBox { float: right; width: 300px; }
.bunnerBox img { width: 100%; height: auto; }
#infoMid { width: 100%; height: auto; }
#infoMid img { width: 100%; height: auto; }


#home p.notice {
	margin: 0 auto 20px;
	width: 95%;
	min-width: 640px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 10px;
}

p.notice {
	margin: 0 auto 20px;
	width: 95%;
	min-width: 640px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 10px;
}



/*============================================================================================
トップページ　end
index.html8
============================================================================================*/

}


@media screen and (max-width: 890px) {

/* header button Area */

#header p.desc {
	margin: 10px auto 10px;
	text-align: right;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.5px;
	padding-right: 25px;
}

#navWrap {
	width: 100%;
	min-width: 640px;
	height: auto;
	background: #000;
	border-top: 1px solid #99794e;
	border-bottom: 1px solid #99794e;
}

#mainVisual #topMainTxt { 
	top: 50%;
	margin-top: -10%;
}

}

@media screen and (max-width: 830px) {
#infoTxt_4 { width: 100%; }
#infoTxt_4 img { width: 100%; }
#header ul { width: 500px; }
#header ul img { width: 100%; height: auto; }
li.topOutlineBtn { width: 23%; height: auto;}
li.topMapBtn { width: 23%; height: auto; }
li.topReqBtn { width: 23%; height: auto; }
li.topResBtn { width: 23%; height: auto; }
}



@media screen and (max-width: 735px) {
/*============================================================================================
トップページ　start
index.html
============================================================================================*/

#home #headWrap {
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}

#home #header {
	margin: 0 auto;
	width: 100%;
	min-width: 480px;
	position: relative;
}
#mainVisual {
	min-width: 480px;
	height: auto;
	position: relative;
}

#mainVisual #topMainTxt {
	top: 50%;	
	width: 35%;
	margin-top: -10%;
}

#slideThumb {
	position: static;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 2%;
}
#slideThumb a { display: inline-block; }



/* main navi */
#navWrap {
	width: 100%;
	min-width: 480px;
	height: auto;
	background: #000;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 100;
	border-top: 1px solid #99794e;
	border-bottom: 1px solid #99794e;
}

#spMenu_container {	display: none; }

#navWrap ul {
	margin: 0 auto;		
	width: 100%;
	min-width: 480px;
	height: auto;
}

#navWrap ul li {
	text-align: center;
	width: 25%;
	display: inline;
	float: left;
}

/* header button Area */
#head_menu { display: none; }

#header ul {
	padding-top: 44px;
	float: right;
}

/* header description */
#header p.desc {
	min-width: 480px;
	display: none;
}
		
#mainVisual #topTrainTxt { width: 50%; }

/* 物件概要＋現地案内図＋資料請求＋来場予約 */
#sp_headmenu {
	position: relative;
	width: 125px;
	z-index: 1000;
	float: right;
	padding-top: 22px;
	padding-right: 20px;
	display: block;
}
#sp_headmenu ul {
	float: left;
	padding: 0;
	display: block;
	width: 135px;
}
#sp_headmenu li { width: 35px; height: 35px; }
#sp_info {
	width: 35px;
	height: 35px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
#sp_tel {
	margin-right: 10px;
	width: 35px;
	height: 35px;
	float: left;
}

#sp_menu {
	width: 35px;
	height: 35px;
	float: left;
	cursor: pointer;
}

#header p.desc {
	margin: 10px auto 0;
	width: 350px;
	min-width: 350px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.5px;
	padding-right: 25px;
}

/* SP用サブメニュー */

#submenuWrap {
	width: 100%;
	min-width: 480px;
	height: auto;
	background: #000;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 100;
	border-top: 1px solid #99794e;
	border-bottom: 1px solid #99794e;
	display: block;
}

#submenuWrap ul {
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-width: 480px;
}

#submenuWrap ul li {
	width: 25%;
	height: 53px;
	display: inline;
	float: left;
}

#submenuWrap ul li a {
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	height: 53px;
	cursor: pointer;
	display: block;
	background-size:auto 14px;
}

#submenuWrap ul li a:hover {
	background-color: #777;
	background-repeat: no-repeat;
	background-position: center;
	height: 53px;
}

#submenu_1 a { background-image: url(../images/sp/sub_bt1.png); }
#submenu_1 a:hover { background-image: url(../images/sp/sub_bt1.png); }

#submenu_2 a { background-image: url(../images/sp/sub_bt2.png); }
#submenu_2 a:hover { background-image: url(../images/sp/sub_bt2.png); }

#submenu_3 a { background-image: url(../images/sp/sub_bt3.png); }
#submenu_3 a:hover { background-image: url(../images/sp/sub_bt3.png); }
		
#submenu_4 a { background-image: url(../images/sp/sub_bt4.png); }
#submenu_4 a:hover { background-image: url(../images/sp/sub_bt4.png); }

/*============================================================================================
トップページ　end
index.html
============================================================================================*/
}


@media screen and (max-width: 640px) {

#headWrap {
	min-width: 480px;
	height: 80px;
}

#header { min-width: 480px; }

#header h1 { margin-left: 0; }





	/* ■■■ contents ■■■ */
	#contentWrap {
	width: 100%;
	min-width: 480px;
}


/* ■■■ footNavi ■■■ */
#footNavi ul li {
	padding: 2% 0;
	display: block;
	width: 25%;
	float: left;
}

/* ■■■ footer ■■■ */

	#footer {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	min-width: 480px;
	height: auto;
}
	#footer div:first-child {
		text-align: center;
		width: 50%;
		float: left;
		padding: 0;
		border-right-style: none;
		}

	#footer div.footLogo img {
		width: 90%;
		height: auto;
	}

	#footer div.footFreeTel {
		text-align: center;
		width: 49%;
		float: right;
		padding: 0;
		border-left: 1px dotted #ccc;
		border-right-style: none;
		}
	#footer div.footFreeTel img {
		width: 90%;
		height: auto;
	}

	#footer div.footQrInfo { display: none; }
	#footer div.footQr { display: none; }
	
/*============================================================================================
トップページ　start
index.html
============================================================================================*/

	/* contents */
	#contentWrap #topContent {
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 50px;
		width: 95%;
		min-width: 480px;
	height: auto;
}

	/* pr_space */
	#topPr {
	padding: 10px 0 10px;
	width: 100%;
	min-width: 480px;
	height: auto;
	background-color: #000;
	text-align: center;
}
	/* infomation */
	#info {
		width: 95%;
		float: none;
		margin-right: auto;
		margin-bottom: 30px;
		margin-left: auto;
		}

	.bunnerBox { width: 100%; }

	.form img {
		width: 95%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		display: block;
		}
		
	.form2 img {
		width: 95%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		display: block;
		}
		
	.itot img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	height: auto;
	}
	
	.itot2 {	margin-left: auto; margin-right: auto; width: 300px; }

	
	.itot2 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	height: auto;
	}

	#home p.notice {
	margin: 0 auto 20px;
	width: 95%;
	min-width: 480px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 10px;
}

p.notice {
	margin: 0 auto 20px;
	width: 95%;
	min-width: 480px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 10px;
}

#info img {	width: 100%; height: auto; }


	.infoTit {
		background-image: url(../images/sp/info_ttl_sp.png);
		background-repeat: no-repeat;
		background-position: left center;
		text-indent: -9999px;
		width: 100%;
		height: 26px;
		display: block;
		background-size:contain;
		}



	/*============================================================================================
トップページ　end
index.html8
============================================================================================*/
}



@media screen and (max-width: 480px) {
#slideThumb a {
	width: 80px;
	height: auto;
}	
#slideThumb a img {
	width: 100%;
	height: auto;
}	
	
	
	#headWrap {
	width: 100%;
	min-width: 320px;
	height: 80px;
	background: url(../images/top_content_bg.jpg) repeat-x;
}
	#header {
		margin:0 auto;
		width: 100%;
		min-width: 320px;
		position: relative;
		}

	/* header description */
	#header p.desc {
		margin: 10px auto 0;
		width: 100%;
		min-width: 320px;
		position: absolute;
		top: 0;
		right: 0;
		text-align: right;
		color: #fff;
		font-size: 10px;
		letter-spacing: 0.5px;
		padding-right: 25px;
		}
	/* header button Area */
	#header ul {
		padding-top: 44px;
		float: right;
		display: none;
		}

	#sp_headmenu {
		position: relative;
		width: 125px;
		z-index: 1000;
		float: right;
		padding-top: 22px;
		padding-right: 10px;
		display: block;
		}
	#sp_headmenu ul {
		float: left;
		padding: 0;
		display: block;
		}
	#sp_headmenu li {
		width: 30px;
		height: 30px;
	}
	#sp_headmenu li img {
		width: 100%;
		height: auto;
	}
	#sp_info {
		width: 35px;
		height: 35px;
		float: left;
		margin-right: 10px;
		cursor: pointer;
		}
	#sp_tel {
	margin-right: 10px;
	width: 35px;
	height: 35px;
	float: left;
	}
	#sp_menu {
		width: 35px;
		height: 35px;
		float: left;
		cursor: pointer;
		}


	#header p.desc {
		margin: 10px auto 0;
width: 350px;
		min-width: 350px;
		position: absolute;
		top: 0;
		right: 0;
		text-align: right;
		color: #fff;
		font-size: 10px;
		letter-spacing: 0.5px;
		padding-right: 25px;
		}
	/* ■■■ contents ■■■ */
	#contentWrap {
	width: 100%;
	min-width: 320px;
}
	#footer {
		position: relative;
		width: 100%;
		min-width: 320px;
		height: 215px;
		margin: 0;
		}
	#footer div {

}
	#footer div:first-child {
		text-align: center;
		width: 50%;
		float: left;
		padding: 0;
		border-right-style: none;
		}
	#footer div.footLogo {
		position: absolute;
		left: 0;
		bottom: 10px;
		width: 100%;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		border-style: none;
		}
	#footer div.footLogo img {
		width: auto;
		height: auto;
	}

	#footer div.footFreeTel {
		text-align: center;
		position: absolute;
		top: 15px;
		left: 0;
		width: 100%;
		float: right;
		padding: 0 0 15px;
		border-bottom: 1px dotted #999;
		border-right-style: none;
		border-left-style: none;
		}
	#footer div.footFreeTel img {
		width: auto;
		height: auto;
	}

	#footer div.footQrInfo {
		display: none;
		}
	#footer div.footQr {
		display: none;
		}
	/*============================================================================================
トップページ　start
index.html
============================================================================================*/
	#home #header {
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
	position: relative;
}

	#mainVisual {
		min-width: 320px;
		height: auto;
		position: relative;
		width: 100%;
		}

#mainVisual #topMainTxt {
	top: 50%;
	width: 37%;
	margin-top: -10%;
}
 


	/* main navi */
	#navWrap {
		width: 100%;
		min-width: 320px;
		height: auto;
		background: #000;
		position: absolute;
		top: 80px;
		left: 0;
		z-index: 100;
		overflow: hidden;
		border-top: 1px solid #99794e;
		border-bottom: 1px solid #99794e;
		}

	#spMenu_container {
		background-color: #fff;
		width: 100%;
		height: 53px;
		display: block;
		}

	#submenuWrap {
		width: 100%;
		min-width: 320px;
		height: auto;
		background: #000;
		position: absolute;
		top: 80px;
		left: 0;
		z-index: 100;
		border-top: 1px solid #99794e;
		border-bottom: 1px solid #99794e;
		display: block;
		}

	#navWrap ul {
	margin: 0 auto;		
	width: 100%;
	min-width: 320px;
	height: auto;
}

	#navWrap ul li {
		font-size: 8pt;
		font-family: "Times New Roman", 游明朝, YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
		font-weight: lighter;
		text-indent: 0;
		line-height: 35px;
		text-align: center;
		width: 25%;
		height: 35px;
		display: inline;
		float: left;
		}
	#navWrap ul li a {
		width: 100%;
		height: 35px;
		background-image: none;
		text-indent: 0;
		text-decoration: none;
		color: #fff;
	}
	#navWrap ul li a:hover {
		width: 100%;
		height: 35px;
		background-image: none;
		color: #fff;
	}
	
	#menu_1 {
		color: #777;
		background-image: none;
		}

	#menu_1_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}

	#menu_1 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_1 a:hover {
		color: #fff;
		text-decoration: none;
		}
	#menu_2 {
		color: #505050 !important;
		background-image: none;
		width: 100%;
		height: 35px;
		}
	#menu_2 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_2 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_2_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}
	#menu_3 {
		color: #505050 !important;
		background-image: none;
		}
	#menu_3 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_3 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_3_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}
	#menu_4 {
		color: #505050 !important;
		background-image: none;
		}
	#menu_4 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_4 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_4_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}
	#menu_5 {
		color: #505050;
		background-image: none;
		}	
	#menu_5 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_5 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_5_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}
	#menu_6 {
		color: #505050;
		background-image: none;
		}
	#menu_6 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_6 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_6_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}
	#menu_7 {
		color: #505050;
		background-image: none;
		}
	#menu_7 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_7 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_7_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}
	#menu_8 {
		color: #505050;
		background-image: none;
		}
	#menu_8 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_8 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_8_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}
	#menu_9 {
		color: #505050;
		background-image: none;
		}
	#menu_9 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_9 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_9_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}
	#menu_10 {
		color: #505050;
		background-image: none;
		}
	#menu_10 a {
		color: #fff;
		background-image: none;
		text-decoration: none;
		text-indent: 0;
		display: block;
		}
	#menu_10 a:hover {
		color: #fff;
		background-image: none;
		text-decoration: none;
		}
	#menu_10_on {
		color: #fffffd;
		background-color: #6b6b6b;
		background-image: none;
		}


/* SP用サブメニュー */

	#submenuWrap {
		width: 100%;
		min-width: 320px;
		height: auto;
		background: #000;
		position: absolute;
		top: 80px;
		left: 0;
		border-top: 1px solid #99794e;
		border-bottom: 1px solid #99794e;
		display: block;
		}

#submenuWrap ul {
		margin: 0 auto;
		width: 100%;
		height: auto;
		min-width: 320px;
		}

	/* contents */
	#contentWrap #topContent {
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
		width: 95%;
		min-width: 320px;
	height: auto;
}
	
	/* pr_space */
	#topPr {
	padding: 10px 0 10px;
	width: 100%;
	min-width: 320px;
	height: auto;
	background-color: #000;
	text-align: center;
}
	#topPr img {
		width: 80%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}

	/* infomation */
	#info {
		width: 95%;
		margin-right: auto;
		margin-bottom: 30px;
		margin-left: auto;
		}

	.bunnerBox {
		width: 100%;
		}

	.form img {
		width: 95%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		display: block;
		}
	.itot img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	height: auto;
	}
	
	
	.itot2 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	height: auto;
	}


	#home p.notice {
	margin: 0 auto 20px;
	width: 85%;
	min-width: 300px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 8pt;
}

p.notice {
	margin: 0 auto 20px;
	width: 85%;
	min-width: 300px;
	height: auto;
	color: #aaa;
	line-height: 17px;
	font-size: 8pt;
}

	.infoTit {
		background-image: url(../images/sp/info_ttl_sp.png);
		background-repeat: no-repeat;
		background-position: left center;
		text-indent: -9999px;
		width: 100%;
		height: 20px;
		display: block;
		background-size:contain;
		}
	/*============================================================================================
トップページ　end
index.html8
============================================================================================*/
}