/*###########################################################
 中ページ共通のレスポンシブ 
#############################################################/*/

@media screen and (max-width: 1000px) {
	/* =============  1F 大型スペースのテナント募集　1f-tenant.html ===================== */
	.f-tenant-bigimg{width: calc(100% + 60px);margin: 0 -30px;}
}



@media screen and (max-width: 800px) {
	/* =============  1F 大型スペースのテナント募集　1f-tenant.html ===================== */
	.f-tenant-bigimg{width: 100%;margin: 0;}
}




@media screen and (max-width: 750px) {
	/*colorboxの401号室などの詳細ページ　賃貸借情報  tenant/floor401.html---*/
	dl.tena-floor-dl1 dt {float: none;width: auto;max-width: 300px;}
	dl.tena-floor-dl1 dd {float: none;width: 100%;margin-top: 20px;}
	.floor-map {max-width: 550px;display: table;margin: 0 auto;}
}





@media screen and (max-width: 690px) {
	/* =============  link.html ===================== */
	table.link-table{width:94%;}
	table.link-table th{width:auto;}	
}





@media screen and (max-width: 640px) {
	/*中ページ共通のテーブル構造　-------------------*/
	#wrapper{padding-top: 80px;}

	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	#naka-menus-space {display: none;}
	
	.naka-titile-up{display:none;}
	.naka-titile{margin-bottom: 20px;}


	/* =============  フロアガイド　floor.html ===================== */
	table.floor-table {width: 100%;}
	table.floor-table th{width:auto !important;}
	table.floor-table td{width:auto !important;}
	
	/* =============  開催中イベントのご案内　cgi-bin/conference1_skin.html ===================== */
	.confer-top-tab {display: none;}
	.confer-box .sub_title {display: block;margin-left:20px;}
	
	/* ========  1F 大型スペースのテナント募集　1f-tenant.html ========= */
	.f-tenant-midashi1{font-size: 150%;line-height:1.7;margin:40px 0 14px 0;}
	.f-tenant-midashi1 span{display:block;}
	.f-tenant-com1{font-weight: normal;line-height: 1.8;}
	.f-tenant-midashi2{font-size: 130%;padding: 8px 0 6px 0;}
	
	/* =============  お問合せ　inquiry.html ===================== */
	.kanryou-box{font-size:85%;}
	.kanryou-box .midashi{font-size:120%;}
	.kanryou-box .com{}
}





@media screen and (max-width: 600px) {
	.naka-titile {border-right: 1px solid #999;}
	
	/* =============  sitemap.html ===================== */
	.sitemap-com1{padding:0 2%;}
	
	/*稲盛ホール、会議室A、会議室B、2F会議室の詳細ページ========= */
	ul#conference-menu li a {height: 50px;}

	/* ========  1F 大型スペースのテナント募集　1f-tenant.html ========= */
	.f-tenant-bigimg{display:none;}
	.f-tenant-bigimg-sp{display:block;}

	/* =============  フロアガイド　floor.html ===================== */
	.f-tenant-bigimg-sp.floor{padding: 0 20px;}
	.f-tenant-midashi1.floor{line-height: 1.4;}
	.f-tenant-com1.floor{font-size:88%;}
}





@media screen and (max-width: 560px) {
	/* =============  link.html ===================== */
	table.link-table{width:97%;}
	table.link-table th{display: none;}
	table.link-table td{display: block;background: none;width: 100% !important;padding: 0 0 8px 0;border: none;}
	table.link-table tr td:last-child{border-bottom:1px solid #ccc;padding-bottom: 15px;margin-bottom: 20px;}
	
}






@media screen and (max-width: 530px) {
	/* =============  貸会場・会議室のご案内　conference2.html ===================== */
	dl.confer-floor-dl {display: table;margin: 40px auto 0 auto;}
	dl.confer-floor-dl dt {display: block;width: 100%;margin-right: 0;text-align: center;padding-bottom:40px;}
	dl.confer-floor-dl dd {display: block;width: 100%;text-align: center;}

	.confer-midashi6 {font-size: 15px;line-height: 1.3;}

	#confer-table1 {margin-top: 70px;}
	#confer-table1 td{display:block;width: 100%;padding-bottom: 15px;}
	#confer-table1 .pc{display:none;}
	#confer-table1 .sp{display:block;}
	
	h2.confer-midashi3 {font-size:18px;letter-spacing: 0;}
	
	#confer-table4 td {display: block;width: 100%;}
	#confer-table4 td img {margin: 10px 5px 1px 5px;}

	/* =============  テナント募集　tenant.html ===================== */
	.tenant-toiawase-box strong {font-size: 16px;padding-bottom: 5px;}
	
	/*稲盛ホール、会議室A、会議室B、2F会議室の詳細ページ========= */
	.confer-wifi {right: 0;width: 100px;}
	table.confer-table1 td{display:block;}
	
}






@media screen and (max-width: 500px) {
	.naka-titile {height: 26px;font-size: 1px;}
	.naka-titile img {width: 500px;height: 26px;}
	
	/* =============  施設概要　equipment.html ===================== */
	table.equip-table th {padding:8px 10px 0 10px;vertical-align: top;width: 80px;}
	#enquip-table1 tr td:first-child{width:50px;}
	
	/* =============  フロアガイド　floor.html ===================== */
	table.floor-table2 td{display:block;height: auto;padding-bottom: 30px;}
	
	/* =============  最新情報　cgi-bin/whatsnew_skin.html ===================== */
	.whatsnew-box ul.img li {display: block;width: 70%;margin: 15px auto 0 auto;}
	
	/* =============  お問合せ　inquiry.html ===================== */
	body.inquiry .naka-titile img {width: 450px;}
	table.form-table {background-color: #fff;}
	table.form-table th {display:block;border: 1px solid #ccc;display: block;line-height: 1.1;width:100%;}
	table.form-table th br{display:none;}
	table.form-table td {display: block;border: none;padding:6px 5px 20px 5px;line-height: 1.5;font-size: 13px;}
	table.form-table td.form-input-waku{padding:20px 0 10px 0;}
	table.form-table td.form-input-waku input{margin-bottom:10px;}
	.kakunin-midashi {font-size: 90%;}
	.kanryou-box{font-size:75%;}

	/* =============  アクセルソン　axelsons_salon.html ===================== */
	.axe-cont1 {padding-bottom: 140px;}
	dl.axe-dl2 dt{margin-right:15px;}
	dl.axe-dl2 dt .osusume,
	dl.axe-dl2 dt .t011{display:none;}
	dl.axe-dl2 dd {padding: unset;}
	table.axe-table td.price{min-width: 100px;}
	table.axe-table td{padding-right:0;}
	table.axe-table td.price span{display:block;}

	table.axe-eigyou-table {width: 100%;}
	table.axe-eigyou-table td.first-td {display:block;width: 100%;padding: 0 !important;}
	table.axe-eigyou-table td.first-td:last-child{text-align:center;}

	/*稲盛ホール、会議室A、会議室B、2F会議室の詳細ページ========= */
	ul#conference-menu li a {height: 41px;}

	/* ========  1F 大型スペースのテナント募集　1f-tenant.html ========= */
	.f-tenant-midashi1{font-size: 128%;}
	.f-tenant-midashi2{font-size: 115%;}
	.f-tenant-midashi3{font-size: 120%;}
	.f-tenant-com3{font-size: 100%;}
	.f-tenant-com4{font-size:100%;}
	table.f-tenant-table{min-width: auto;}
	
}





@media screen and (max-width: 450px) {
	.container{padding:0 15px;}
		
	/*-------文字装飾-------------*/
	.t024 {font-size: 19px;}
	/*管理者画面の文字サイズ*/
	.font-size24{font-size:18px;}
	.font-size28{font-size:19px;}
	.font-size32{font-size:20px;}
	.font-size36{font-size:22px;}
	.font-size40{font-size:24px;}
	.font-size50{font-size:26px;}
	.font-size60{font-size:28px;}
	
	/* =============  ペントラマンマ　pentola.html ===================== */
	dl.enya-dl1 dd.pentola{width:auto;background-position: center top 150px;display: table;padding: 20px 4% 80px 4%;max-width: unset;height: 600px;}
	dl.enya-dl1 dd.pentola p{font-size: 16px;}

	/* =============  アクセルソン　axelsons_salon.html ===================== */
	table.axe-eigyou-table-in td{display:block;width:100%;padding: 4px;line-height: 1.3;}
	
	/* =============  テナント募集　tenant.html ===================== */
	ul.tenant-ul {font-size: 85%;margin: 2px 0 19px 0;}
	ul.tenant-ul li {display: block;margin-bottom: 7px;}
	ul.tenant-ul li a {padding: 2px 19px 2px 15px;text-decoration:none;}
	ul.tenant-ul li a:hover{text-decoration:underline;}
	ul.tenant-ul li:first-child a{border-right: 1px solid #888;}
	
	.tenant-toiawase-box .t024{font-size: 18px;margin-left: 0.8em;}
	.tenant-toiawase-box .t023{font-size:14px;}
	.tenant-toiawase-box span{display:block;margin-bottom: -5px;}
	body.tenant-floor .tenant-toiawase-box span{margin-left: 13px;}
	
	/*小窓の貸事務所・テナント募集　賃貸借情報 -*/
	#cboxTitle {font-size: 17px;}
	body.chintai .container {padding: 0;}

	/*colorboxの401号室などの詳細ページ　賃貸借情報  tenant/floor401.html---*/
	body.tenant-floor {font-size: 15px;}
	ul.tena-floor-ul li {float: none;width: 80%;margin: 0 auto 10px auto;}
	ul.tena-floor-ul {margin-top: 30px;}

	/* ========  1F 大型スペースのテナント募集　1f-tenant.html ========= */
	body.f-tenant #wrapper{font-size:90%;}

	/* =============  フロアガイド　floor.html ===================== */
	.f-tenant-midashi1.floor{font-size: 100%;text-align:left;}

	/* =============  貸会場・会議室のご案内　conference2.html ===================== */
	.confer-banner-google-streetview {margin: 20px 0 40px 0;}
	.confer-banner-google-streetview .view-midashi1 {font-size: 15px;}
	.confer-movie-waku {margin-top: 0;}

	/*各会議室詳細ページ用------------------------*/
	.hall-midashi1 {font-size: 107%;}
	.familyhall4 {margin: 15px 5% 25px 5%;}

	/*稲盛ホール、会議室A、会議室B、2F会議室の詳細ページ========= */
	.confer-wifi {width: 80px;}

	/* =============  お問合せ　inquiry.html ===================== */
	body.inquiry .t008 {font-size: 92%;}
	.error-midashi{margin-top: 30px;}
	table.error-table{margin: 16px auto 0 auto;}
	table.error-table td{padding: 15px !important;font-size: 95%;}
}




@media screen and (max-width: 400px) {
	/* =============  テナント募集　tenant.html ===================== */
	.tenantbo1 {font-size: 15px;}
	ul.tenantobo9-ul li {float: none;width: 80%;margin: 7px auto;}
	ul.tenantobo9-ul li:nth-child(2n) {margin-right: auto;}

	/*稲盛ホール、会議室A、会議室B、2F会議室の詳細ページ========= */
	ul#conference-menu li a {height:35px;}
}



@media screen and (max-width: 370px) {
	/*稲盛ホール、会議室A、会議室B、2F会議室の詳細ページ========= */
	ul#conference-menu li a {height:29px;}
}