@charset "UTF-8";
/* ===========================================
 * 洋光台北 location
 * ======================================== */
/* ---------------------------------------------
*   section / layout
--------------------------------------------- */
/* locationblock */
.yokodai_container .locationblock {
	width: 1000px;
	margin-top: 80px;
	margin-inline: auto;
}
.yokodai_container .locationblock .locationblock_item {
	margin-top: 50px;
}
.yokodai_container .locationblock .locationblock_item:first-child {
	margin-top: 0;
}
.yokodai_container .locationblock .locationblock_header {
	color: #000;
	font-size: 24px;
	font-weight: bold;
}
.yokodai_container .locationblock .locationblock_header > span {
	display: inline-block;
	margin-left: 8px;
	color: #7a0042;
}
.yokodai_container .locationblock .locationblock_body {
	margin-top: 35px;
}
.yokodai_container .locationblock .locationblock_note {
	margin-top: 30px;
	padding-left: 1em;
	font-size: 14px;
	text-indent: -1em;
}

/* accessblock */
.yokodai_container .accessblock {
	width: 1000px;
	margin-top: 80px;
	margin-inline: auto;
}
.yokodai_container .accessblock .accessblock_header {
	color: #000;
	font-size: 24px;
	font-weight: bold;
}
.yokodai_container .accessblock .accessblock_body {
	margin-top: 40px;
}
.yokodai_container .accessblock .accessblock_route {
	margin-top: 70px;
}
.yokodai_container .accessblock .accessblock_route:first-child {
	margin-top: 0;
}

/* ---------------------------------------------
*   module
--------------------------------------------- */
/* locationanchor */
.yokodai_container .locationanchor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 0 50px;
}
.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 12px;
	width: 330px;
	padding: 11px 5px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 25px;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.yokodai_container .locationanchor .locationanchor-btn::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url("../img/common/icon_anchor_location.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.yokodai_container .locationanchor .locationanchor-btn > span {
	font-size: 16px;
}
.yokodai_container .locationanchor .locationanchor-btn: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 .locationanchor .locationanchor-btn: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;
}

/* locationgallery */
.yokodai_container .locationgallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 50px;
}
.yokodai_container .locationgallery > li {
	width: calc((100% - 100px) / 3);
}
.yokodai_container .locationgallery.locationgallery--twolines > li:nth-child(-n+4) {
	width: calc((100% - 50px) / 2);
}
.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 10px;
	margin-top: 20px;
}
.yokodai_container .locationgallery .locationgallery_name::before {
	content: "";
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #666;
}
.yokodai_container .locationgallery .locationgallery_nametext {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}
.yokodai_container .locationgallery .locationgallery_distance {
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
}
.yokodai_container .locationgallery .locationgallery_text {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.5;
}

/* map */
.yokodai_container .map .map_list {
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 46px;
}
.yokodai_container .map .map_listitem {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.yokodai_container .map .map_note {
	margin-top: 30px;
}
.yokodai_container .map .map_note > li {
	padding-left: 1em;
	font-size: 14px;
	line-height: 1.5;
	text-indent: -1em;
}

/* locationlist */
.yokodai_container .locationlist .locationlist_item {
	margin-top: 25px;
}
.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: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.yokodai_container .locationlist .locationlist_item > dt::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 6px;
	background-color: #888;
}

/* locationitem */
.yokodai_container .locationitem {
	font-size: 16px;
	line-height: 1.5;
}
.yokodai_container .locationitem .locationitem_inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-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: 2px;
	background-image: url("../img/location/bg_line_gray.png");
	background-repeat: repeat-x;
	background-size: 4px 2px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.yokodai_container .locationitem .locationitem_key {
	position: relative;
	padding-right: 10px;
	background-color: #fff;
}
.yokodai_container .locationitem .locationitem_value {
	position: relative;
	padding-left: 10px;
	background-color: #fff;
	text-align: right;
}

/* route */
.yokodai_container .route .route_header {
	padding: 16px 20px;
	background-color: #ededed;
	border-radius: 25px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}
.yokodai_container .route .route_header::before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: baseline;
}
.yokodai_container .route .route_header.route_header--train::before {
	width: 22px;
	height: 20px;
	background-image: url("../img/common/icon_train.png");
}
.yokodai_container .route .route_header.route_header--bus::before {
	width: 26px;
	height: 15px;
	background-image: url("../img/common/icon_bus.png");
}
.yokodai_container .route .route_header.route_header--car::before {
	width: 28px;
	height: 14px;
	background-image: url("../img/common/icon_car.png");
}
.yokodai_container .route .route_body {
	margin-top: 30px;
}
.yokodai_container .route .route_contents {
	margin-top: 30px;
}
.yokodai_container .route .route_note {
	margin-top: 30px;
}
.yokodai_container .route .route_note > li {
	padding-left: 1em;
	font-size: 14px;
	line-height: 1.5;
	text-indent: -1em;
}

/* routelist */
.yokodai_container .routelist .routelist_title {
	padding-bottom: 20px;
	border-bottom: 2px solid #666;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}
.yokodai_container .routelist .routelist_data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 20px 30px;
	margin-top: 30px;
}
.yokodai_container .routelist .routelist_data > li {
	width: calc((100% - 30px) / 2);
}
.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: 3px;
	background-image: url("../img/location/bg_line_gray.png");
	background-repeat: repeat-x;
	background-size: 6px 3px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.yokodai_container .routelist .routelist_key {
	position: relative;
	padding-right: 15px;
	background-color: #fff;
	font-size: 18px;
}
.yokodai_container .routelist .routelist_key > strong {
	font-size: 30px;
}
.yokodai_container .routelist .routelist_value {
	position: relative;
	padding-left: 15px;
	background-color: #fff;
	font-size: 16px;
}
.yokodai_container .routelist .routelist_value > strong {
	font-size: 30px;
}
.yokodai_container .routelist .routelist_value > strong > span {
	font-size: 24px;
}
.yokodai_container .routelist .routelist_note {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #666;
	font-size: 16px;
	line-height: 1.5;
}