@charset "UTF-8";
/* ===========================================
 * 洋光台北 top
 * ======================================== */
/* ---------------------------------------------
*   section / layout
--------------------------------------------- */
/* sec_news */
.yokodai_container .sec_news {
	margin-top: 14.667vw;
	padding-inline: 5.333vw;
}
.yokodai_container .sec_news .sec_news_inner {
	padding: 8vw 5.333vw;
	background-color: #f7f7f7;
	border-radius: 4.267vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.yokodai_container .sec_news .sec_news_header {
	color: #000;
	font-weight: bold;
	line-height: 1;
}
.yokodai_container .sec_news .sec_news_subtitle {
	display: block;
	font-size: 3.733vw;
}
.yokodai_container .sec_news .sec_news_maintitle {
	display: block;
	margin-top: 2.667vw;
	font-size: 7.467vw;
}
.yokodai_container .sec_news .sec_news_body {
	margin-top: 4vw;
}

/* introblock */
.yokodai_container .introblock {
	margin-top: 13.333vw;
	padding-inline: 5.333vw;
}
.yokodai_container .introblock .introblock_list > li {
	margin-top: 4vw;
}
.yokodai_container .introblock .introblock_list > li:first-child {
	margin-top: 0;
}

/* sec_teaser */
.yokodai_container .sec_teaser {
	margin-top: 13.333vw;
	padding-inline: 5.333vw;
}
.yokodai_container .sec_teaser .sec_teaser_header {
	color: #000;
	font-weight: bold;
	line-height: 1;
}
.yokodai_container .sec_teaser .sec_teaser_subtitle {
	display: block;
	padding: 2.133vw 4.267vw;
	background-color: #ededed;
	border-radius: 4.267vw;
	font-size: 4.267vw;
}
.yokodai_container .sec_teaser .sec_teaser_maintitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 5.333vw;
	font-size: 7.467vw;
}
.yokodai_container .sec_teaser .sec_teaser_titlenote {
	font-size: 3.733vw;
	font-weight: normal;
}
.yokodai_container .sec_teaser .sec_teaser_body {
	margin-top: 6.933vw;
}
.yokodai_container .sec_teaser .sec_teaser_body > img {
	width: 100%;
	height: 72vw;
}

/* attentionblock */
.yokodai_container .attentionblock {
	margin-top: 13.333vw;
	padding-inline: 5.333vw;
}
.yokodai_container .attentionblock .attentionblock_banner {
	margin-top: 13.333vw;
	text-align: center;
}
.yokodai_container .attentionblock .attentionblock_info {
	margin-top: 13.333vw;
}

/* ---------------------------------------------
*   module
--------------------------------------------- */
/* topslider */
.yokodai_container .topslider {
	width: 100%;
}
.yokodai_container .topslider .topslider_list {
	height: 100vw;
}
.yokodai_container .topslider .topslider_list > li {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.yokodai_container .topslider .topslider_list > li > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.yokodai_container .topslider .topslider_list > li.swiper-slide-active > img {
	-webkit-animation: zoom-out 2s ease-in-out 0.5s 1 normal both;
	        animation: zoom-out 2s ease-in-out 0.5s 1 normal both;
}
.yokodai_container .topslider .topslider_caption {
	position: absolute;
	bottom: 4vw;
	right: 2.667vw;
	padding: 0.533vw 1.067vw;
	background-color: #fff;
	font-size: 3.2vw;
}
.yokodai_container .topslider .topslider_parts {
	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;
	gap: 0 2.933vw;
	margin-top: 5.333vw;
}
.yokodai_container .topslider .topslider_pagination {
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
}
.yokodai_container .topslider .topslider_pagination > span {
	width: 3.467vw;
	height: 3.467vw;
	background-color: #fff;
	border: 0.267vw solid #bbb;
	opacity: 1;
}
.yokodai_container .topslider .topslider_pagination > span:focus-visible {
	border: 0.533vw solid #000;
}
.yokodai_container .topslider .topslider_pagination > span.swiper-pagination-bullet-active {
	border: 0.267vw solid #7a0042;
	background-color: #7a0042;
}
.yokodai_container .topslider .topslider_stopbtn {
	width: 13px;
	height: 13px;
	padding: 0;
	background-color: transparent;
	background-image: url("../img/top/icon_stop_mv.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: none;
	cursor: pointer;
}
.yokodai_container .topslider .topslider_stopbtn.is-stop {
	background-image: url("../img/top/icon_play_mv.png");
}
.yokodai_container .topslider .topslider_stopbtn:focus-visible {
	border: 2px solid #000;
}
.yokodai_container .topslider .topslider_btntext {
	width: 0;
	height: 0;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	display: inline-block;
}

/* toplead */
.yokodai_container .toplead .toplead_obj {
	text-align: center;
	overflow: hidden;
}
.yokodai_container .toplead .toplead_objinner {
	overflow: hidden;
}
.yokodai_container .toplead .toplead_objinner > img {
	width: 80vw;
	height: 15.467vw;
}
.yokodai_container .toplead .toplead_objcaption {
	display: block;
	margin-top: 4.267vw;
	color: #000;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
}
.yokodai_container .toplead .toplead_body {
	margin-top: 13.333vw;
	color: #000;
	font-weight: bold;
}
.yokodai_container .toplead .toplead_title {
	font-size: 7.467vw;
	line-height: 1.5;
	letter-spacing: -0.02em;
}
.yokodai_container .toplead .toplead_text {
	margin-top: 5.333vw;
	font-size: 4.267vw;
	line-height: 1.5;
}

/* news */
.yokodai_container .news {
	height: 36vw;
	overflow-y: auto;
	scrollbar-width: auto;
	scrollbar-color: #6e6e6e transparent;
}
.yokodai_container .news::-webkit-scrollbar {
	width: 2.133vw;
}
.yokodai_container .news::-webkit-scrollbar-track {
	background-color: transparent;
}
.yokodai_container .news::-webkit-scrollbar-thumb {
	background-color: #6e6e6e;
}
.yokodai_container .news .news_list > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 6.4vw;
	color: #000;
	font-size: 3.733vw;
	line-height: 1.5;
}
.yokodai_container .news .news_date {
	width: 21.333vw;
}
.yokodai_container .news .news_text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.yokodai_container .news .news_text > a:focus-visible {
	outline: 0.533vw solid #000;
}

/* intro */
.yokodai_container .intro {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8vw 5.333vw;
	background-color: #fff;
	border: 0.267vw solid #bbb;
	border-radius: 4.267vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .intro .intro_header {
	color: #000;
	font-weight: bold;
	line-height: 1;
}
.yokodai_container .intro .intro_subtitle {
	display: block;
	font-size: 3.733vw;
}
.yokodai_container .intro .intro_maintitle {
	display: block;
	margin-top: 2.667vw;
	font-size: 7.467vw;
}
.yokodai_container .intro .intro_body {
	margin-top: 5.333vw;
}
.yokodai_container .intro .intro_obj {
	margin-top: 5.333vw;
}
.yokodai_container .intro .intro_obj:first-child {
	margin-top: 0;
}
.yokodai_container .intro .intro_img {
	width: 100%;
	height: 51.733vw;
	overflow: hidden;
}
.yokodai_container .intro .intro_img > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(1.05);
	        transform: scale(1.05);
}
.yokodai_container .intro .intro_caption {
	color: #000;
	font-size: 3.2vw;
}
.yokodai_container .intro .intro_more {
	margin-top: 5.333vw;
	text-align: right;
}
.yokodai_container .intro .intro_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: 3.733vw;
	font-weight: bold;
	line-height: 1;
}
.yokodai_container .intro .intro_more > span::before {
	content: "";
	display: inline-block;
	width: 1.6vw;
	height: 2.133vw;
	margin-right: 2.667vw;
	background-color: #000;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .intro.is-hover {
	background-color: #f7f7f7;
	-webkit-box-shadow: inset 1.333vw 1.333vw 1.333vw #e7e7e7, inset -1.333vw -1.333vw 1.333vw #fdfdfd;
	        box-shadow: inset 1.333vw 1.333vw 1.333vw #e7e7e7, inset -1.333vw -1.333vw 1.333vw #fdfdfd;
}
.yokodai_container .intro.is-hover .intro_img > img {
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.yokodai_container .intro.is-hover .intro_more > span::before {
	margin-right: 1.333vw;
}
.yokodai_container .intro:focus-visible {
	outline: none;
	background-color: #f7f7f7;
	-webkit-box-shadow: inset 1.333vw 1.333vw 1.333vw #e7e7e7, inset -1.333vw -1.333vw 1.333vw #fdfdfd;
	        box-shadow: inset 1.333vw 1.333vw 1.333vw #e7e7e7, inset -1.333vw -1.333vw 1.333vw #fdfdfd;
}
.yokodai_container .intro:focus-visible .intro_obj > img {
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.yokodai_container .intro:focus-visible .intro_more > span::before {
	margin-right: 1.333vw;
}

/* propertydata */
.yokodai_container .propertydata .propertydata_note {
	margin-top: 4vw;
	padding-left: 1em;
	font-size: 3.733vw;
	line-height: 1.5;
	text-indent: -1em;
}

/* infotable */
.yokodai_container .infotable {
	width: 100%;
	border-bottom: 0.267vw solid #ddd;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.yokodai_container .infotable .infotable_row {
	border-top: 0.267vw solid #ddd;
}
.yokodai_container .infotable .infotable_title {
	width: 36vw;
	padding: 4.267vw 2.667vw;
	background-color: #f0f0f0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 3.733vw;
	font-weight: bold;
	line-height: 1.5;
}
.yokodai_container .infotable .infotable_data {
	padding: 4.267vw 2.667vw;
	background-color: #f7f7f7;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 3.733vw;
	line-height: 1.5;
}
.yokodai_container .infotable .infotable_data > strong {
	font-weight: bold;
}

/* map */
.yokodai_container .map .map_obj > img {
	width: 100%;
}
.yokodai_container .map .map_list {
	margin-top: 8vw;
}
.yokodai_container .map .map_note {
	margin-top: 6.667vw;
}
.yokodai_container .map .map_note > li {
	padding-left: 1em;
	font-size: 3.733vw;
	line-height: 1.5;
	text-indent: -1em;
}

/* locationlist */
.yokodai_container .locationlist .locationlist_item {
	margin-top: 6.667vw;
}
.yokodai_container .locationlist .locationlist_item:first-child {
	margin-top: 0;
}
.yokodai_container .locationlist .locationlist_item > dt {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 3.733vw;
	font-weight: bold;
	line-height: 1.5;
}
.yokodai_container .locationlist .locationlist_item > dt::before {
	content: "";
	display: inline-block;
	width: 2.133vw;
	height: 2.133vw;
	border-radius: 50%;
	margin-right: 1.067vw;
	background-color: #888;
}

/* locationitem */
.yokodai_container .locationitem {
	font-size: 3.733vw;
	line-height: 1.5;
}
.yokodai_container .locationitem .locationitem_inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.yokodai_container .locationitem .locationitem_inner::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 0.533vw;
	background-image: url("../img/top/bg_line_gray.png");
	background-repeat: repeat-x;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.yokodai_container .locationitem .locationitem_key {
	position: relative;
	padding-right: 1.6vw;
	background-color: #fff;
}
.yokodai_container .locationitem .locationitem_value {
	position: relative;
	padding-left: 1.6vw;
	background-color: #fff;
	text-align: right;
}

/* information */
.yokodai_container .information .information_item {
	margin-top: 8vw;
	color: #000;
	font-size: 4.267vw;
	line-height: 1.5;
}
.yokodai_container .information .information_item:first-child {
	margin-top: 0;
}
.yokodai_container .information .information_title {
	font-weight: bold;
}
.yokodai_container .information .information_text {
	margin-top: 4vw;
}

/* ---------------------------------------------
*   botton
--------------------------------------------- */
/* btn_search */
.yokodai_container .btn_search {
	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;
	padding: 4vw 2.667vw;
	background-color: #464646;
	border-radius: 2.667vw;
	text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .btn_search .btn_search_text {
	color: #fff;
	font-size: 4.533vw;
	font-weight: bold;
	line-height: 1;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .btn_search .btn_search_text::after {
	content: "";
	display: inline-block;
	width: 4.533vw;
	height: 4vw;
	margin-left: 1.333vw;
	background-image: url("../img/common/icon_popup_white.png");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .btn_search .btn_search_icon {
	width: 0;
	height: 0;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	display: inline-block;
}
.yokodai_container .btn_search.is-hover {
	background-color: #414141;
	-webkit-box-shadow: inset 1.333vw 1.333vw 1.333vw #101010, inset -1.333vw -1.333vw 1.333vw #676767;
	        box-shadow: inset 1.333vw 1.333vw 1.333vw #101010, inset -1.333vw -1.333vw 1.333vw #676767;
}
.yokodai_container .btn_search.is-hover .btn_search_text {
	color: #d3d3d3;
}
.yokodai_container .btn_search.is-hover .btn_search_text::after {
	background-image: url("../img/common/icon_popup_lightgray.png");
}
.yokodai_container .btn_search:focus-visible {
	outline: none;
	background-color: #414141;
	-webkit-box-shadow: inset 1.333vw 1.333vw 1.333vw #101010, inset -1.333vw -1.333vw 1.333vw #676767;
	        box-shadow: inset 1.333vw 1.333vw 1.333vw #101010, inset -1.333vw -1.333vw 1.333vw #676767;
}
.yokodai_container .btn_search:focus-visible .btn_search_text {
	color: #d3d3d3;
}
.yokodai_container .btn_search:focus-visible .btn_search_text::after {
	background-image: url("../img/common/icon_popup_lightgray.png");
}