@charset "UTF-8";
/* ===========================================
 * 洋光台北 location
 * ======================================== */
/* ---------------------------------------------
*   section / layout
--------------------------------------------- */
/* locationblock */
.yokodai_container .locationblock {
	margin-top: 18.667vw;
	padding-inline: 5.333vw;
}
.yokodai_container .locationblock .locationblock_item {
	margin-top: 16vw;
}
.yokodai_container .locationblock .locationblock_item:first-child {
	margin-top: 0;
}
.yokodai_container .locationblock .locationblock_header {
	color: #000;
	font-size: 6.4vw;
	font-weight: bold;
}
.yokodai_container .locationblock .locationblock_header > span {
	display: inline-block;
	margin-left: 2.133vw;
	color: #7a0042;
}
.yokodai_container .locationblock .locationblock_body {
	margin-top: 10.667vw;
}
.yokodai_container .locationblock .locationblock_note {
	margin-top: 8vw;
	padding-left: 1em;
	font-size: 3.733vw;
	text-indent: -1em;
}

/* accessblock */
.yokodai_container .accessblock {
	padding-top: 18.667vw;
	padding-inline: 5.333vw;
}
.yokodai_container .accessblock .accessblock_header {
	color: #000;
	font-size: 6.4vw;
	font-weight: bold;
}
.yokodai_container .accessblock .accessblock_body {
	margin-top: 8vw;
}
.yokodai_container .accessblock .accessblock_route {
	margin-top: 16vw;
}
.yokodai_container .accessblock .accessblock_route:first-child {
	margin-top: 0;
}

/* ---------------------------------------------
*   module
--------------------------------------------- */
/* locationanchor */
.yokodai_container .locationanchor > li {
	margin-top: 5.333vw;
}
.yokodai_container .locationanchor > li:first-child {
	margin-top: 0;
}
.yokodai_container .locationanchor .locationanchor-btn {
	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 3.2vw;
	width: 100%;
	padding: 3.2vw 1.333vw;
	background-color: #fff;
	border: 0.267vw solid #bbb;
	border-radius: 6.667vw;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .locationanchor .locationanchor-btn::before {
	content: "";
	display: inline-block;
	width: 3.733vw;
	height: 3.733vw;
	background-image: url("../img/common/icon_anchor_location.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.yokodai_container .locationanchor .locationanchor-btn > span {
	font-size: 4.267vw;
}
.yokodai_container .locationanchor .locationanchor-btn.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 .locationanchor .locationanchor-btn:focus-visible {
	outline: none;
	border: 0.533vw solid #000;
	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;
}

/* locationgallery */
.yokodai_container .locationgallery > li {
	margin-top: 8vw;
}
.yokodai_container .locationgallery > li:first-child {
	margin-top: 0;
}
.yokodai_container .locationgallery .locationgallery_obj > img {
	width: 100%;
}
.yokodai_container .locationgallery .locationgallery_name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: 0 2.667vw;
	margin-top: 5.333vw;
}
.yokodai_container .locationgallery .locationgallery_name::before {
	content: "";
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	display: inline-block;
	width: 4.8vw;
	height: 4.8vw;
	background-color: #666;
}
.yokodai_container .locationgallery .locationgallery_nametext {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.3;
}
.yokodai_container .locationgallery .locationgallery_distance {
	display: block;
	font-size: 4.267vw;
	font-weight: normal;
	line-height: 1.5;
}
.yokodai_container .locationgallery .locationgallery_text {
	margin-top: 5.333vw;
	font-size: 4.267vw;
	line-height: 1.5;
}

/* map */
.yokodai_container .map .map_obj > img {
	width: 100%;
}
.yokodai_container .map .map_list {
	margin-top: 8vw;
}
.yokodai_container .map .map_note {
	margin-top: 8vw;
}
.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/location/bg_line_gray.png");
	background-repeat: repeat-x;
	background-size: 1.067vw 0.533vw;
	-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;
}

/* route */
.yokodai_container .route .route_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: 0 2.667vw;
	padding: 4.267vw 5.333vw;
	background-color: #ededed;
	border-radius: 6.667vw;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.5;
}
.yokodai_container .route .route_header::before {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: baseline;
}
.yokodai_container .route .route_header.route_header--train::before {
	width: 5.867vw;
	height: 5.333vw;
	background-image: url("../img/common/icon_train.png");
}
.yokodai_container .route .route_header.route_header--bus::before {
	width: 6.933vw;
	height: 4vw;
	background-image: url("../img/common/icon_bus.png");
}
.yokodai_container .route .route_header.route_header--car::before {
	width: 7.467vw;
	height: 3.733vw;
	background-image: url("../img/common/icon_car.png");
}
.yokodai_container .route .route_body {
	margin-top: 5.333vw;
}
.yokodai_container .route .route_obj > img {
	width: 100%;
}
.yokodai_container .route .route_contents {
	margin-top: 5.333vw;
}
.yokodai_container .route .route_note {
	margin-top: 8vw;
}
.yokodai_container .route .route_note > li {
	padding-left: 1em;
	font-size: 3.733vw;
	line-height: 1.5;
	text-indent: -1em;
}

/* routelist */
.yokodai_container .routelist .routelist_title {
	padding-bottom: 2.667vw;
	border-bottom: 0.533vw solid #666;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.3;
}
.yokodai_container .routelist .routelist_data {
	margin-top: 5.333vw;
}
.yokodai_container .routelist .routelist_data > li {
	margin-top: 5.333vw;
}
.yokodai_container .routelist .routelist_data > li:first-child {
	margin-top: 0;
}
.yokodai_container .routelist .routelist_item {
	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;
	line-height: 1;
}
.yokodai_container .routelist .routelist_item::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 0.8vw;
	background-image: url("../img/location/bg_line_gray.png");
	background-repeat: repeat-x;
	background-size: 1.6vw 0.8vw;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.yokodai_container .routelist .routelist_key {
	position: relative;
	padding-right: 1.333vw;
	background-color: #fff;
	font-size: 3.733vw;
}
.yokodai_container .routelist .routelist_key > strong {
	font-size: 6.4vw;
}
.yokodai_container .routelist .routelist_value {
	position: relative;
	padding-left: 1.333vw;
	background-color: #fff;
	font-size: 3.733vw;
}
.yokodai_container .routelist .routelist_value > strong {
	font-size: 6.4vw;
}
.yokodai_container .routelist .routelist_value > strong > span {
	font-size: 5.333vw;
}
.yokodai_container .routelist .routelist_note {
	margin-top: 2.667vw;
	padding-top: 2.667vw;
	border-top: 0.267vw solid #666;
	font-size: 4.267vw;
	line-height: 1.5;
}