@charset "UTF-8";
/* CSS Document */

/* header */


/* footer */
.footerL {
	width: 370px;
}
.footerR2 {
	/* padding-top: 17px; */
}

/* top */
.sec011L {
	display: table-cell;
	width: 710px;
	vertical-align: top;
	padding-right: 15px;
	display: flex;
	flex-wrap: wrap;
	a{
		transition: ease .3s;
	}
	a:hover{
		opacity: .7;
		transition: ease .3s;
	}
}
.sec011L img {
	display: block;
	/* object-fit: cover; */
}
.sec011R {
	display: table-cell;
	width: 250px;
	vertical-align: top;
}
.sec011R img {
	display: block;
	width: 250px;
	height: 378px;
	object-fit: cover;
}

/* floor */
.floorLarge {
	display: block;
	width: 970px;
	height: 555px;
	margin: 30px auto 20px auto;
	background: url(/images/tokyo/ekimae/floor/ekimaeBg.jpg) no-repeat 0 0;
	background-size: cover;
}
.floorLarge div {
	display: block;
	width: 77px;
	height: 43px;
	position: relative;
}
.floorLarge div#f701 {
	top: 199px;
	left: 150px;
}
.floorLarge div#f702 {
	top: 253px;
	left: 200px;
}
.floorLarge div#f703 {
	top: 338px;
	left: 325px;
}
.floorLarge div#f704 {
	top: 381px;
	left: 443px;
}
.floorLarge div#f705 {
	top: 295px;
	left: 599px;
}
.floorLarge div#f706 {
	top: 124px;
	left: 600px;
}
.floorLarge div#f707 {
	top: -148px;
	left: 470px;
}
.floorLarge div a {
	display: block;
	width: 77px;
	height: 43px;
}
.floorLarge div a img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.floorLarge div a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/*!!!! タブ用ボタン !!!!*/

.tab-menu {
	.tab-menu__main {
			margin-block: 20px;
	}
}

.floor_map_button div {
	position: relative;
}
.floor_map_button .f701 {
	top: 199px;
	left: 190px;
}
.floor_map_button .f702 {
	top: 283px;
	left: 180px;
}
.floor_map_button .f703 {
	top: 403px;
	left: 135px;
}
.floor_map_button .f704 {
	top: 381px;
	left: 443px;
}
.floor_map_button .f705 {
	top: 485px;
	left: 449px;
}
.floor_map_button .f706 {
	top: 282px;
	left: 385px;
}
.floor_map_button .f707 {
	top: 136px;
	left: 321px;
}


/* access */ 
.sec03L {
	width: 400px;
}
.sec03R {
	width: 540px;
	padding-left: 30px;
}
.sec03R img {
	display: block;
	/* width: 540px;
	height: 470px; */
	width: 522px;
	height: 457px;
	margin-right: 0;
}
h3.sec03gaikanEntTitle {
	margin-top: 20px;
	margin-bottom: 5px;
	color: #333;
	font-size: 114%;
	font-weight: bold;
	text-align: left;
}
h3.sec03gaikanEntTitle:before {
	content: "■";
	color: #ccc;
	margin-right: 0.2em;
}
.sec03gaikanEntWrapper {
	display: table;
}
.sec03gaikanEnt {
	display: table-cell;
	width: 150px;
	padding: 0 10px;
}
.sec03gaikanEnt a,
.sec03gaikanEnt a img {
	display: block;
	width: 150px;
	height: 100px;
}
.sec03gaikanEnt a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.sec03gaikanEnt span {
	display: block;
	text-align: center;
}

/* space */
.spaceL {
	vertical-align: top;
	padding-top: calc(25px + 1.1em);
}
@media screen and (max-width: 969px) {
	.spaceL {
		vertical-align: top;
		padding-top: 0;
	}
}
/* price-floorMap 201906 */
.price_floorMap {
	margin: 20px auto 0 auto;
	width: 520px;
}
.price_floorMapTitleWrapper {
	margin-top: 20px;
}
.price_floorMapTitle {
	float: left;
	width: 520px;
	margin-right: 20px;
}
.price_floorMap .price_floorMapTitle:last-child {
	margin-right: 0;
}
.price_floorMapTitle span {
	padding: 2px 1em;
	background: #6eb42f;
	border-radius: 5px;
	color: #fff;
	font-size: 114.28571%;
	font-weight: bold;
}
.price_floorMapWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content:stretch;
	margin-top: 5px;
}
.price_floorMapCont {
	width: 498px;
	padding: 10px;
	border: 1px solid #cfcfcf;
	align-items: center;
}
.price_floorMapCont a {
	display: block;
	width: 100%;
}
.price_floorMapCont a img {
	display: block;
	width: 418px;
}

/* 202210 oms yaesu */
.oms_sp {
	display: none;
}
.oms_pc {
	display: block;
	width: 970px;
	height: 450px;
	overflow: hidden;
}
.oms_pc_splash {
	display: block;
	width: 360px;
	height: 310px;
	position: relative;
		top: -380px;
		left: 590px;
}
.oms_pc_splash a {
	display: block;
	width: 360px;
	height: 310px;
}
.oms_pc_splash a img {
	display: block;
	width: 360px;
	height: 310px;
	transition: all 0.3s;
}
.oms_pc_splash a:hover img {
	display: block;
	width: 360px;
	height: 310px;
	transition: all 0.3s;
	opacity: 0.8;
		filter: alpha(opacity=80);
}

/*///////////////////////////////////////
 2024.04.18　新規追加　凡例アイコン調整
 /////////////////////////////////////*/


 @media screen and (min-width: 980px) {
	.legend_box {
		gap: 110px;
	 }
 }

/*////////////////////////////////////
 2024.04.30　新規追加　タイマー
 //////////////////////////////////*/

 .viewTimer{
  display: none!important;
}
 .viewTimerVisible{
  display: block!important;
}

.timer_inline .viewTimer{
  display: none!important;
}
.timer_inline .viewTimerVisible{
  display: inline-block!important;
}

/*////////////////////////////////////
 2024.04.30　新規追加　タイマー
 //////////////////////////////////*/

 .viewTimer{
  display: none!important;
}
 .viewTimerVisible{
  display: block!important;
}

.timer_inline .viewTimer{
  display: none!important;
}
.timer_inline .viewTimerVisible{
  display: inline-block!important;
}

/*!!!!! アクセスタブ修正 !!!!!*/
#area_map .tab-container{
	margin-left: 17px;
}
@media (width < 969px) {
	#area_map .tab-container{
		margin-left: 0;
	}
}