@charset "UTF-8";
/* ===========================================
 * 洋光台北 floorplan
 * ======================================== */
/* ---------------------------------------------
*   section / layout
--------------------------------------------- */
/* floorplan_introblock */
.yokodai_container .floorplan_introblock {
	width: 1000px;
	margin-top: 60px;
	margin-inline: auto;
}
.yokodai_container .floorplan_introblock .floorplan_introblock_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 20px;
}
.yokodai_container .floorplan_introblock .floorplan_introblock_list > li {
	width: calc((100% - 40px) / 3);
}
.yokodai_container .floorplan_introblock .floorplan_introblock_notelist {
	margin-top: 25px;
}
.yokodai_container .floorplan_introblock .floorplan_introblock_notelist:first-child {
	margin-top: 0;
}
.yokodai_container .floorplan_introblock .floorplan_introblock_notelist > li {
	padding-left: 1em;
	color: #000;
	font-size: 14px;
	line-height: 1.7;
	text-indent: -1em;
}

/* floorplanblock */
.yokodai_container .floorplanblock {
	width: 1000px;
	margin-top: 60px;
	margin-inline: auto;
}
.yokodai_container .floorplanblock .floorplanblock_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.yokodai_container .floorplanblock .floorplanblock_title {
	color: #7a0242;
	font-size: 20px;
	font-weight: bold;
}
.yokodai_container .floorplanblock .floorplanblock_anchor {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 16px;
	padding: 0;
	background-color: transparent;
	border: none;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.yokodai_container .floorplanblock .floorplanblock_anchor::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 8px;
	background-image: url("../img/common/icon_anchor_floorplan.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.yokodai_container .floorplanblock .floorplanblock_anchor:hover {
	color: #757575;
}
.yokodai_container .floorplanblock .floorplanblock_anchor:focus-visible {
	color: #757575;
	outline: 2px solid #000;
}
.yokodai_container .floorplanblock .floorplanblock_body {
	margin-top: 15px;
}
.yokodai_container .floorplanblock .floorplanblock_footer {
	margin-top: 50px;
}

/* ---------------------------------------------
*   module
--------------------------------------------- */
/* floorplanintro */
.yokodai_container .floorplanintro {
	display: block;
	height: 100%;
	padding: 30px 20px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 16px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .floorplanintro .floorplanintro_header {
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.yokodai_container .floorplanintro .floorplanintro_maintitle {
	color: #7a0242;
	font-size: 26px;
}
.yokodai_container .floorplanintro .floorplanintro_subtitle {
	color: #000;
	margin-top: 10px;
	font-size: 14px;
}
.yokodai_container .floorplanintro .floorplanintro_obj {
	margin-top: 10px;
	overflow: hidden;
}
.yokodai_container .floorplanintro .floorplanintro_obj > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.yokodai_container .floorplanintro .floorplanintro_text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 10px;
	height: 457px;
	font-size: 17px;
	font-weight: bold;
}
.yokodai_container .floorplanintro .floorplanintro_more {
	margin-top: 30px;
	text-align: right;
}
.yokodai_container .floorplanintro .floorplanintro_more > span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.yokodai_container .floorplanintro .floorplanintro_more > span::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 8px;
	margin-right: 10px;
	background-color: #000;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .floorplanintro:hover {
	background-color: #f7f7f7;
	-webkit-box-shadow: inset 5px 5px 5px #e7e7e7, inset -5px -5px 5px #fdfdfd;
	        box-shadow: inset 5px 5px 5px #e7e7e7, inset -5px -5px 5px #fdfdfd;
}
.yokodai_container .floorplanintro:hover .floorplanintro_obj > img {
	-webkit-transform: scale(0.95);
	        transform: scale(0.95);
}
.yokodai_container .floorplanintro:hover .floorplanintro_more > span::before {
	margin-right: 5px;
}
.yokodai_container .floorplanintro:focus-visible {
	outline: 2px solid #000;
	background-color: #f7f7f7;
	-webkit-box-shadow: inset 5px 5px 5px #e7e7e7, inset -5px -5px 5px #fdfdfd;
	        box-shadow: inset 5px 5px 5px #e7e7e7, inset -5px -5px 5px #fdfdfd;
}
.yokodai_container .floorplanintro:focus-visible .floorplanintro_obj > img {
	-webkit-transform: scale(0.95);
	        transform: scale(0.95);
}
.yokodai_container .floorplanintro:focus-visible .floorplanintro_more > span::before {
	margin-right: 5px;
}
.yokodai_container .floorplanintro.is-inactive:hover {
	background-color: #fff;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.yokodai_container .floorplanintro.is-inactive:hover .floorplanintro_obj > img {
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.yokodai_container .floorplanintro.is-inactive:hover .floorplanintro_more > span::before {
	margin-right: 10px;
}

/* floorplan */
.yokodai_container .floorplan {
	padding: 40px 30px;
	border: 1px solid #ccc;
	border-radius: 16px;
}
.yokodai_container .floorplan .floorplan_header {
	color: #7a0242;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.yokodai_container .floorplan .floorplan_body {
	margin-top: 40px;
}
.yokodai_container .floorplan .floorplan_item {
	margin-top: 40px;
}
.yokodai_container .floorplan .floorplan_item:first-child {
	margin-top: 0;
}
.yokodai_container .floorplan .floorplan_footer {
	margin-top: 40px;
}
.yokodai_container .floorplan .floorplan_notelist > li {
	padding-left: 1em;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	text-indent: -1em;
}

/* floorplangallery */
.yokodai_container .floorplangallery .floorplangallery_main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 20px;
}
.yokodai_container .floorplangallery .floorplangallery_obj {
	width: 500px;
	height: 260px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
}
.yokodai_container .floorplangallery .bx-wrapper {
	height: 100%;
	margin-bottom: 0;
}
.yokodai_container .floorplangallery .bx-wrapper .bx-prev {
	left: 8px;
	display: inline-block;
	width: 40px;
	height: 60px;
	background-image: url("../img/floorplan/icon_prev.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
}
.yokodai_container .floorplangallery .bx-wrapper .bx-prev:focus-visible {
	outline: 2px solid #000;
}
.yokodai_container .floorplangallery .bx-wrapper .bx-next {
	right: 8px;
	display: inline-block;
	width: 40px;
	height: 60px;
	background-image: url("../img/floorplan/icon_next.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
}
.yokodai_container .floorplangallery .bx-wrapper .bx-next:focus-visible {
	outline: 2px solid #000;
}
.yokodai_container .floorplangallery .bx-viewport {
	left: 0;
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.yokodai_container .floorplangallery .floorplangallery_list {
	height: 260px;
}
.yokodai_container .floorplangallery .floorplangallery_list > li {
	height: 100%;
}
.yokodai_container .floorplangallery .floorplangallery_link {
	position: relative;
	display: block;
	height: 100%;
	padding: 8px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
}
.yokodai_container .floorplangallery .floorplangallery_link > img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.yokodai_container .floorplangallery .floorplangallery_link:focus-visible {
	border: 2px solid #000;
}
.yokodai_container .floorplangallery .floorplangallery_icon {
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("../img/floorplan/icon_zoom.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.yokodai_container .floorplangallery .floorplangallery_icon > span {
	width: 0;
	height: 0;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	display: inline-block;
}
.yokodai_container .floorplangallery .floorplangallery_num {
	display: none;
}
.yokodai_container .floorplangallery .floorplangallery_table {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	width: 100%;
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	white-space: nowrap;
}
.yokodai_container .floorplangallery .floorplangallery_table tr {
	border-top: 1px solid #ddd;
}
.yokodai_container .floorplangallery .floorplangallery_table tr > th {
	width: 160px;
	padding: 16px 10px;
	background: #ededed;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-weight: bold;
}
.yokodai_container .floorplangallery .floorplangallery_table tr > td {
	padding: 16px 10px;
	background: #f7f7f7;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.yokodai_container .floorplangallery .floorplangallery_thumb {
	margin-top: 20px;
}
.yokodai_container .floorplangallery .floorplangallery_thumblist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 8px;
}
.yokodai_container .floorplangallery .floorplangallery_thumblist > a {
	display: block;
	width: 127px;
	height: 87px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.yokodai_container .floorplangallery .floorplangallery_thumblist > a > img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.yokodai_container .floorplangallery .floorplangallery_thumblist > a.active {
	border: 2px solid #7a0242;
}
.yokodai_container .floorplangallery .floorplangallery_thumblist > a:focus-visible {
	outline: 2px solid #000;
}
.yokodai_container .floorplangallery .floorplangallery_morebtn {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	margin-top: 40px;
	padding: 16px;
	background-color: #666;
	border: none;
	border-radius: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .floorplangallery .floorplangallery_morebtn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url("../img/floorplan/icon_more_white.png");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .floorplangallery .floorplangallery_morebtn > span {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .floorplangallery .floorplangallery_morebtn:hover {
	background-color: #464646;
	-webkit-box-shadow: inset 5px 5px 5px #3b3b3b, inset -5px -5px 5px #676767;
	        box-shadow: inset 5px 5px 5px #3b3b3b, inset -5px -5px 5px #676767;
}
.yokodai_container .floorplangallery .floorplangallery_morebtn:hover::after {
	background-image: url("../img/floorplan/icon_more_gray.png");
}
.yokodai_container .floorplangallery .floorplangallery_morebtn:hover > span {
	color: #d3d3d3;
}
.yokodai_container .floorplangallery .floorplangallery_morebtn:focus-visible {
	outline: 2px solid #000;
	background-color: #464646;
	-webkit-box-shadow: inset 5px 5px 5px #3b3b3b, inset -5px -5px 5px #676767;
	        box-shadow: inset 5px 5px 5px #3b3b3b, inset -5px -5px 5px #676767;
}
.yokodai_container .floorplangallery .floorplangallery_morebtn:focus-visible::after {
	background-image: url("../img/floorplan/icon_more_gray.png");
}
.yokodai_container .floorplangallery .floorplangallery_morebtn:focus-visible > span {
	color: #d3d3d3;
}
.yokodai_container .floorplangallery .floorplangallery_thumbmore {
	display: none;
	margin-top: 10px;
}

/* typeblock */
.yokodai_container .typeblock .typeblock_header {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.yokodai_container .typeblock .typeblock_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 30px 20px;
	margin-top: 30px;
}
.yokodai_container .typeblock .typeblock_list > li {
	width: calc((100% - 40px) / 3);
}
.yokodai_container .typeblock .typeblock_footer {
	width: 430px;
	margin-top: 30px;
	margin-inline: auto;
}
.yokodai_container .typeblock .typeblock_btn {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	padding: 16px;
	background-color: #666;
	border: 1px solid #666;
	border-radius: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .typeblock .typeblock_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	display: inline-block;
	width: 8px;
	height: 14px;
	background-image: url("../img/common/icon_arrow_white.png");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.yokodai_container .typeblock .typeblock_btn:hover {
	background-color: #f7f7f7;
	border: 1px solid #bbb;
	-webkit-box-shadow: inset 5px 5px 5px #e7e7e7, inset -5px -5px 5px #fdfdfd;
	        box-shadow: inset 5px 5px 5px #e7e7e7, inset -5px -5px 5px #fdfdfd;
	color: #000;
}
.yokodai_container .typeblock .typeblock_btn:hover::after {
	background-image: url("../img/common/icon_arrow_black.png");
}
.yokodai_container .typeblock .typeblock_btn:focus-visible {
	outline: 2px solid #000;
	background-color: #f7f7f7;
	border: 1px solid #bbb;
	-webkit-box-shadow: inset 5px 5px 5px #e7e7e7, inset -5px -5px 5px #fdfdfd;
	        box-shadow: inset 5px 5px 5px #e7e7e7, inset -5px -5px 5px #fdfdfd;
	color: #000;
}
.yokodai_container .typeblock .typeblock_btn:focus-visible::after {
	background-image: url("../img/common/icon_arrow_black.png");
}

/* ---------------------------------------------
*   modal
--------------------------------------------- */
/* modal_floorplan */
#cboxOverlay.modal_floorplan {
	background: rgba(0, 0, 0, 0.6);
}

#cboxTopCenter, #cboxMiddleRight, #cboxMiddleLeft, #cboxBottomCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomRight, #cboxBottomLeft {
	width: 0;
	height: 0;
}

.modal_floorplan #cboxClose {
	display: none;
}

.modal_floorplan #cboxContent {
	background-color: transparent;
}

.modal_floorplan #cboxTitle {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.modal_floorplan #cboxLoadingGraphic,
.modal_floorplan #cboxLoadingOverlay {
	background: none;
}

.modal_floorplan_next {
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	width: 70px;
	height: 70px;
	background-color: transparent;
	background-image: url("../img/floorplan/icon_next_modal.png");
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10000;
	cursor: pointer;
}

.modal_floorplan_next > span {
	width: 0;
	height: 0;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	display: inline-block;
}

.modal_floorplan_prev {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 70px;
	height: 70px;
	background-color: transparent;
	background-image: url("../img/floorplan/icon_prev_modal.png");
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10000;
	cursor: pointer;
}

.modal_floorplan_prev > span {
	width: 0;
	height: 0;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	display: inline-block;
}

.modal_floorplan_num {
	position: absolute;
	bottom: 4px;
	left: 0;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 13px;
}