@charset "UTF-8";

/**
 * オリジナルcss
 */

.top_more {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 100px;
	position: relative;
	display: inline-block;
}

.top_more a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	font-size: 14px;
	padding: 20px 102px;
	color: #161616;
	border: 1px solid #161616;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.top_more a span {
	
}

.top_more a .more_arrow {
	
}

.top_more .more_line {
	display: block;
	width: 45px;
	border-bottom: 1px solid #161616;
	position: absolute;
	right: -12px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 10;
}

.top_more .more_line_w {
	border-bottom: 1px solid #fff;
	transition: .3s;
}

.top_aboutus_more {
	margin-top: 0;
	margin-bottom: 0;
}

.top_building_more, 
.top_after_flow_more {
	background: #ecbf00;
	font-size: 14px;
	padding: 20px 102px;
	color: #161616;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

a .top_lineup_more {
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	left: 0;
	position: relative;
}

.top_land_more a, 
.top_gaiyo_more a {
	color: #fff;
	border: 1px solid #fff;
}

.top_access_more a {
	color: #fff;
	border: 1px solid #fff;
	padding: 20px 60px;
}

.top_aboutus_more .more_line_w {
	border-bottom: 1px solid rgba(220, 220, 220, 0.7);
}

.top_more a .more_arrow img {
	display: inline-block;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.more_wrap {
	text-align: center;
}

.top_building_more {
	position: absolute;
	right: 2em;
	bottom: 1em;
	margin: 0;
}

.top_lineup_list_interior_wrap .more_wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.top_lineup_more {
	position: relative;
	bottom: 2em;
	margin: 0;
	padding: 20px 102px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.top_lineup_more .more_arrow img {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 10;
}

.top_after_flow_more {
	position: absolute;
	right: 2em;
	bottom: 1em;
	margin: 0;
}

.top_after_flow_more {
	position: absolute;
	right: 2em;
	bottom: 2em;
}

.top_land .top_more {
	margin-bottom: 0;
}

.top_gaiyo_gaiyo .more_wrap {
	text-align: right;
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.top_gaiyo_gaiyo .top_more {
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.top_gaiyo_gaiyo a .top_lineup_more {
	bottom: 0;
	right: 0;
}

.top_gaiyo_more {
	position: absolute;
	bottom: 24px;
	right: 24px;
	margin: 0;
}

.top_access .top_more {
	margin-top: 60px;
	margin-bottom: 20px;
}

.access_list li .top_gaiyo_more {
	position: static;
}

.b_animation {
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;

}

.b_animation:before {
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	width: 0;
	z-index: -1;
	transition: .3s;
}
.b_animation a, 
.b_animation a:hover {
	transition: .3s;
}

.b_animation:hover:before {
	width: 100%;
}

.b_animation_wn {
	background: #fff;
}
.b_animation_wn:before {
	background: #21366F;
}
.b_animation_wn a:hover {
	color: #fff;
}

.top_button_list li.b_animation_wn a:hover span:after {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.b_animation2 a {
	background: none;
	transition: .3s;
	position: relative;
	overflow: hidden;
}

.b_animation2 a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	z-index: 1;
	transition: .3s;
}

.b_animation2 a:hover:before {
	width: 100%;
}

.b_animation2 a span {
	z-index: 10;
	position: relative;
}

.b_animation3 {
	background: none;
	transition: .3s;
	position: relative;
	overflow: hidden;
}

.b_animation3:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	z-index: 1;
	transition: .3s;
}

.top_gaiyo_gaiyo:hover .b_animation3:before, 
.top_lineup_list_interior_wrap:hover .b_animation3:before {
	width: 100%;
}

.b_animation3 span {
	z-index: 10;
	position: relative;
}


.b_animation_bgg a {
	background: none;
}

.b_animation_bgg a:before {
	background: #51555B;
	color: #fff;
}

.b_animation_bgg a:hover {
	color: #fff;
	border: 1px solid #51555B;
}

.b_animation_wnn a {
	background: #fff;
}

.b_animation_wnn a:before {
	background: #21366F;
	color: #fff;
}

.b_animation_wnn a:hover {
	color: #fff;
	border: 1px solid #51555B;
}

.b_animation_wnn a.land_category_selected {
	background: #21366F;
}

.b_animation_wnn a.land_category_selected span {
	color: #fff;
}

.b_animation_ng a {
	color: #fff;
	background: #21366F;
	border-bottom: 1px solid #21366f;
	background: #21366f;
}

.b_animation_ng a:before {
	background: #C2C5CE;
}

.b_animation_ng a:hover {
	color: #161616;
	border: 1px solid #21366F;
}
.b_animation_ng:hover .more_line_w {
	border-bottom: 1px solid rgba(0, 0, 0, 0.7);
	z-index: 10;
}

.b_animation_non {
	color: #fff;
	background: none;
	border-bottom: 1px solid #21366f;
}

.b_animation_non:before {
	background: #21366f;
}

.b_animation_noy {
	background: none;
}

.b_animation_noy:before {
	background: #ECC000;
}

.b_animation_now a {
	background: none;
}

.b_animation_now a:before {
	background: #fff;
	color: #161616;
}

.b_animation_now a:hover {
	color: #161616;
}


.button_map_arrow {
	position: absolute;
	right: 1.2em;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 10;
}

.button_map_arrow:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-left: 2px solid #161616;
	border-bottom: 2px solid #161616;
	transform: rotate(-135deg);
	transition: .3s;
}

.b_animation_bgg a:hover .button_map_arrow:before {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.b_animation_wnn a:hover .button_map_arrow:before {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.top_more_after_flow_wrap {
	position: absolute;
	bottom: 1em;
	right: 2em;
}

.top_more_after_flow {
	position: relative;
}

.after_flow_list_area .more_wrap {
}

.more_line {
	display: block;
	width: 45px;
	border-bottom: 1px solid #161616;
	position: absolute;
	right: -12px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 10;
}

.b_animation4 {
	transition: .3s;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
}

.b_animation4:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	z-index: 1;
	transition: .3s;
}

a:hover .b_animation4:before {
	width: 100%;
}

.top_after_flow_list li a:hover .b_animation4:before {
	width: 100%;
}

.b_animation4 span {
	z-index: 10;
	position: relative;
}

.b_animation_yw {
	border: 1px solid #ecbf00;
}

.b_animation_yw:before {
	background: #fff;
}

.b_animation_yw:hover {
	border: 1px solid #161616;
}

.b_animation_gw a {
	background: #51555B;
}

.b_animation_gw a:before {
	background: #fff;
}

.b_animation_gw a:hover {
	color: #161616;
	border: 1px solid #21366F;
}
.b_animation_gw:hover .more_line_w {
	border-bottom: 1px solid rgba(0, 0, 0, 0.7);
	z-index: 10;
}

.b_animation_nn a {
	background: none;
}

.b_animation_nn a:before {
	background: #6F87C9;
}


.b_animation_yy a {
	background: #ECC000;
}

.b_animation_yy a:before {
	background: #FCE16B;
}

.b_animation_gg a {
	background: #ECC000;
}

.b_animation_gg a:before {
	background: #3FE683;
}

@media screen and (max-width: 1110px) {
}
@media screen and (max-width:740px){
}
@media screen and (max-width:639px){
}
@media screen and (max-width:500px){
}