@charset "utf-8";

/*-----------------------------------------------------------------
SCHOOL DIRECTORY
-----------------------------------------------------------------*/
/*INDEX*/
#university-index {}
#university-index #university-index--information {
	margin-bottom: 2em;
}
#university-index #university-index--information article {
	border: 5px solid #f6f6f6;
	padding: 1em;
}
#university-index #university-index--information article p {
	font-size: 0.9em;
}
#university-index #university-index--campuses {
}
#university-index #university-index--campuses ul {
	margin: 0;
	font-size: 0.9em;
}
#university-index #university-index--campuses ul li {
	background: url(/images/common/icon_arrow_right_orange.svg) 100% 1px no-repeat;
	background-size: 12px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

/*SCHOOL INITIAL*/
#universityInitial {}
#universityInitial nav {
	margin-bottom: 1em;
}
#universityInitial nav:last-of-type {
	margin-bottom: 0;
}
#universityInitial nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#universityInitial nav ul li {
	width: 20%;
	padding: 0 0.5em 0 0;
	margin-bottom: 0.5em;
}
#universityInitial nav ul li:nth-child(5n) {
	padding: 0;
}
#universityInitial nav ul li a {
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 0.9em;
	padding: 0.6em;
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	text-align: center;
	text-decoration: none;
	display: block;
}
#universityInitial nav ul li.nodata {
}
#universityInitial nav ul li.nodata span {
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 0.9em;
	padding: 0.6em;
	background: #f6f6f6;
	color: #999;
	text-align: center;
	display: block;
}

/*SCHOOL LIST*/
#universityList {}
#universityList nav {
	margin-bottom: 2em;
}
#universityList nav:last-of-type {
	margin-bottom: 0;
}
#universityList nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#universityList nav ul li {
	background: url(/images/common/icon_arrow_right_orange.svg) 100% 1px no-repeat;
	background-size: 12px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 1em;
	padding-bottom: 1em;
	font-size: 0.9em;
}


/*-----------------------------------------------------------------
LINE DIRECTORY
-----------------------------------------------------------------*/
#railwayList {}
#railwayList > p {
	font-size: 0.9em;
	margin-bottom: 1em;
}
#railwayList nav {
	margin-bottom: 2em;
}
#railwayList nav:last-of-type {
	margin-bottom: 0;
}
#railwayList nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#railwayList nav ul li {
	border-bottom: 1px dashed #ddd;
	margin-bottom: 1em;
	padding-bottom: 1em;
	font-size: 0.9em;
}
#railwayList nav ul li a.btn-stationselect {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1em;
	padding: 0.25em 20px 0.25em 0.5em;
	background: url(/images/common/icon_arrow_right_orange.svg) 96% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #eee 100%);
	background-size: auto 40%, auto auto;
	text-decoration: none;
}


/*-----------------------------------------------------------------
STATION DIRECTORY
-----------------------------------------------------------------*/
#stationList {
}
#stationList > p {
	font-size: 0.9em;
	margin-bottom: 1em;
}
#stationList nav {
	margin-bottom: 2em;
}
#stationList nav:last-of-type {
	margin-bottom: 0;
}
#stationList nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#stationList nav ul li {
	margin-bottom: 0.75em;
	width: 50%;
}
#stationList nav ul li:nth-child(odd) {
	padding-right: 0.5em;
}
#stationList nav ul li:nth-child(even) {
	padding-left: 0.5em;
}
#stationList nav ul li.form-button--check label {
	font-size: 0.9em;
	width: 100%;
}
#stationList #btnSearchStations {
	width: 320px;
	margin: 1em auto 0 auto;
}
#stationList #btnSearchStations a {
	display: block;
	margin: 0px auto;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	padding: 1em;
	background: url(/images/common/icon_find.svg) 5% 50% no-repeat #49B303;
	background-size: auto 50%;
}

/*-----------------------------------------------------------------
KODAWARI DIRECTORY
-----------------------------------------------------------------*/
#kodawariBanner {
}
#kodawariBanner figure:nth-child(2) {
	margin-top: 1em;
	text-align: center;
}
#kodawariBanner figure img {
	width: 100%;
}


/*-----------------------------------------------------------------
LP COMMON
-----------------------------------------------------------------*/
/*----FEATURE POINT----*/
#feature-point {
	padding: 0 1em;
	margin: 0;
}
#feature-point div {
    position: relative;
    margin-top: 1em;
    padding: 0.75em;
    border: solid 3px #f99d52;
    border-radius: 8px;
}
#feature-point div .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 0.5em;
    line-height: 1;
    font-size: 1.2em;
    background: #FFF;
    color: #ff7800;
    font-weight: bold;
}

/*----SPECIAL ROUTE MAP----*/
#specialRouneMap {
}
#specialRouneMap article {
}
#specialRouneMap article figure img {
	width: 100%;
}
#specialRouneMap nav {
	background: #E84289;
	border: 1px solid #ddd;
}
#specialRouneMap nav h4 {
	width: 210px;
	padding: 0;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
}
#specialRouneMap nav ul {
	width: 458px;
	min-height: 40px;
	margin: 0;
	padding: 0.25em 0.75em;
	list-style-type: none;
	background: #fff;
}
#specialRouneMap nav ul li {
	margin: 0.5em 0;
}
#specialRouneMap nav ul li a {
	position: relative;
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none;
	padding: 0.75em 0.75em 0.75em 2.25em;
	font-size: 0.9em;
	background: url("/images/common/icon_arrow_right_orange.svg") 98% 50% no-repeat #fff;
	background-size: 0.75em;
}
#specialRouneMap nav ul li a span {
	content: "";
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	top: 0;
	bottom: 0;
	left: 0.5rem;
	margin: auto;
	border-width: 3px;
	border-style: solid;
	border-radius: 100%;
}

/*----RELATED CAMPUS----*/
#relatedCampus {
}
#relatedCampus nav {
	background: #f6f6f6;
	padding: 0.25em;
}
#relatedCampus nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#relatedCampus nav ul li {
	margin: 0.25em;
}
#relatedCampus nav ul li a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none;
	padding: 0.75em 1.5em 0.75em 0.75em;
	font-size: 0.9em;
	background: url("/images/common/icon_arrow_right_orange.svg") 98% 50% no-repeat #fff;
	background-size: 0.75em;
}

/*----RECOMMEND ESTATES in LP----*/
#recommendEstatesLP {
	margin: 0 0 1em 0;
	background: #fb9905;
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.2) inset;
}
#recommendEstatesLP h3 {
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 1em;
}
#recommendEstatesLP > .d-flex {
}
#recommendEstatesLP > .d-flex article {
	width: 212px;
	margin: 0 0 0 16px;
	background: #fff;
}
#recommendEstatesLP > .d-flex article:first-child {
	margin-left: 0;
}
#recommendEstatesLP article h4 {
	font-size: 1em;
	background: #49b303;
	color: #fff;
	padding: 0.5em;
	text-align: center;
	line-height: 1.3;
}
#recommendEstatesLP article h4 span {
	font-size: 0.9em;
	display: block;
}
#recommendEstatesLP article figure {
	position: relative;
	background: #efefef;
	height: 158px;
}
#recommendEstatesLP article figure img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
#recommendEstatesLP article figure + p {
	font-size: 0.9em;
}
#recommendEstatesLP article .feature-icons {
}
#recommendEstatesLP article .feature-icons ul {
	margin: 0;
	padding: 0.5em 0.25em;
	list-style-type: none;
}
#recommendEstatesLP article .feature-icons ul li {
	flex-basis: 20%;
	font-size: 0.6em;
	text-align: center;
	padding: 0 0.25em;
}
#recommendEstatesLP article .feature-icons ul li img {
	width: 100%;
	margin-bottom: 0.25em;
}
#recommendEstatesLP article aside {
	font-size: 0.9em;
	text-align: center;
	padding: 0.5em;
}
#recommendEstatesLP article aside var {
	font-size: 1.2em;
	color: #D63070;
}
#recommendEstatesLP article nav {
	padding: 0.5em 0.75em 0.75em 0.75em;
}
#recommendEstatesLP article nav a {
	display: block;
	border-radius: 4px;
	text-decoration: none;
	padding: 0.75em 1.5em 0.75em 0.75em;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	background: url("/images/common/icon_arrow_right_white.svg") 96% 50% no-repeat #49b303;
	background-size: 0.75em;
}


/*----RECOMMEND ON MANAGER----*/
#recommendOnManager #bymanager {
}
#recommendOnManager #bymanager .face {
	margin: 0 1em 0 0;
	font-size: 0.8em;
	line-height: 1.4;
	max-width: 200px;
}
#recommendOnManager #bymanager .face figure {
	margin: 0;
	text-align: center;
	background: #f6f6f6;
}
#recommendOnManager #bymanager .face div {
	color: #777;
	line-height: 1.5;
	margin: 1em auto 0 auto;
	text-align: center;
}
#recommendOnManager #bymanager .message {
	font-size: 0.9em;
	max-width: 455px;
}
#recommendOnManager #bymanager .message * {
	line-height: 1.5;
}
#recommendOnManager #bymanager .message pre {
	white-space: pre-wrap;
	font-size: 1.2em;
}

/*----RESULT SHORTCUT----*/
#resultAnchor nav {
	margin: 0;
}
#resultAnchor nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#resultAnchor nav ul li {
	flex: 1;
}
#resultAnchor nav ul li:nth-child(2) {
	margin-left: 1em;
}
#resultAnchor nav ul li a {
	display: block;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	padding: 1em 0;
}
#resultAnchor nav ul li.btnRelatedMap a {
	background: url(/images/common/icon_find.svg) 3% 50% no-repeat #49B303;
	background-size: 26px;
}
#resultAnchor nav ul li.btnShortcutResult a {
	background: url(/images/common/icon_arrowdown_w.svg) 96% 50% no-repeat #E84289;
	background-size: 26px;
}

/*----PR PROPERTIES (SHO-CHIKU-BAI)----*/
#prProperties {
	background: #fff;
}
#prProperties > .d-flex {
}
#prProperties a {
	display: block;
	text-decoration: none;
}
#prProperties > .d-flex article {
	width: 212px;
	margin: 1em 16px 0 0;
	cursor: pointer;
	border: 1px solid #ddd;
}
#prProperties > .d-flex article:nth-child(1),
#prProperties > .d-flex article:nth-child(2),
#prProperties > .d-flex article:nth-child(3) {
	margin-top: 0;
}
#prProperties > .d-flex article:nth-child(3n) {
	margin-right: 0;
}
#prProperties article .leadtitle {
	font-size: 0.9em;
	background: #C09257;
	color: #fff;
	padding: 0.5em;
	text-align: center;
	line-height: 1.3;
}
#prProperties article figure {
	position: relative;
	background: #efefef;
	height: 158px;
}
#prProperties article figure img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
#prProperties article figcaption {
	display: block;
}
#prProperties article figure + p {
	font-size: 0.85em;
}
#prProperties article aside {
	font-size: 0.85em;
	text-align: center;
	padding: 0.75em;
}
#prProperties article aside h4 {
	font-weight: normal;
	line-height: 1.5;
}
#prProperties article aside .propertyname {}
#prProperties article aside .linename {}
#prProperties article aside .stationname {}
#prProperties article aside .pricerange {
	font-size: 1.1em;
	color: #D63070;
}

/*----PHOTO REPORT in LP----*/
#photoreport-lp {
	position: relative;
	background: #fff;
}
#photoreport-lp .d-flex {
	padding: 1em;
}
#photoreport-lp .flex-row {
	width: 476px;
}
#photoreport-lp .flex-row h4 {
	font-size: 0.9em;
	margin: 0 0 1em 0;
	position: relative;
	border-left: 5px solid #D90029;
	padding: 3px 0px 3px 5px;
	font-weight: normal;
}
#photoreport-lp .bx-wrapper {
	height: 100% !important;
	margin: 0;
}
#photoreport-lp .bx-wrapper .bx-loading {
	background: url(/images/lib/bxslider/loader.gif) center center no-repeat;
	z-index: 2001;
}
#photoreport-lp .bx-wrapper .bx-viewport {
	height: 100% !important;
	border: none;
	background: none;
	box-shadow: none;
	left: 0;
}
#photoreport-lp .bx-wrapper .bx-controls-direction a {
	width: 36px;
	height: 36px;
	margin-top: 0px;
}
#photoreport-lp .bx-wrapper .bx-prev {
	background: url(/images/lib/bxslider/icon_prev_or.png) 50% no-repeat;
	background-size: 80%;
	left: 0;
	top: 94px;
}
#photoreport-lp .bx-wrapper .bx-next {
	background: url(/images/lib/bxslider/icon_next_or.png) 50% no-repeat;
	background-size: 80%;
	right: 0;
	top: 94px;
}
#photoreport-lp .bx-wrapper .bx-prev:hover {
	background: url(/images/lib/bxslider/icon_prev_or.png) 50% no-repeat;
	background-size: 80%;
}
#photoreport-lp .bx-wrapper .bx-next:hover {
	background: url(/images/lib/bxslider/icon_next_or.png) 50% no-repeat;
	background-size: 80%;
}
#photoreport-lp .reportslider .posted {
	width: 668px;
	position: relative;
	margin: 0;
	padding: 1em 0;
	background: #f6f6f6;
	float: clear;
}
#photoreport-lp .reportslider .posted figure {
	width: 260px;
	height: 192px;
	background: #333;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin: 0 16px 0 36px;
	float: left;
}
#photoreport-lp .reportslider .posted figure img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
    -moz-transition: -moz-transform 0.25s ease-in-out;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -ms-transition: -ms-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
}
#photoreport-lp .reportslider .posted figure img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#photoreport-lp .reportslider .posted aside {
	padding: 0 36px 0 0;
}
#photoreport-lp .reportslider .posted aside figcaption {
	font-size: 0.9em;
	line-height: 1.5;
}
#photoreport-lp .reportslider .posted aside figcaption span {
	display: block;
}
#photoreport-lp .reportslider .posted p {
	font-size: 0.85em;
	margin: 1em 0 0 0;
}

/*----SEARCH FILTERS and CURRENT SEARCH CONDITIONS----*/
#searchFilters {
	position: relative;
}
#searchFilters #currentSearchCondition {
	background: #fff;
	margin: 0 0 0.5em 0;
	border: 1px solid #333;
	border-radius: 4px;
}
#searchFilters #currentSearchCondition > h4 {
	position: relative;
	color: #fff;
	background: #333;
	font-size: 0.9em;
	margin: 0;
	padding: 0.75em;
	font-weight: normal;
}
#searchFilters #currentSearchCondition article {
	padding: 0.5em;
}
#searchFilters #currentSearchCondition article ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#searchFilters #currentSearchCondition article ol li {
	line-height: 1;
	background: #f6f6f6;
	margin: 4px;
	border: 1px dashed #ccc;
	border-radius: 4px;
	padding: 0.5em;
	color: #333;
	font-size: 0.85em;
}
#searchFilters #filterlingMenu article {
	padding: 0.75em 0 0.5em 0;
	border-bottom: 2px dashed #f6f6f6;
}
#searchFilters #filterlingMenu .nav-searchkey {
	padding: 0 0 0.5em 0;
}
#searchFilters #filterlingMenu .nav-searchkey .flex-row {
	width: 48%;
	position: relative;
}
#searchFilters #filterlingMenu .nav-searchkey input {
	width: 100%;
	display: block;
	font-size: 0.9em;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 0.5em;
}
#searchFilters #filterlingMenu .nav-searchkey .delegated-label input[disabled=disabled] {
	width: 100%;
	font-size: 0.9em;
	border: none;
	color: #999;
	padding: 0.55em 0;
}
#searchFilters #filterlingMenu .nav-searchkey .btn-changekey {
	margin-top: 0.75em;
}
#searchFilters #filterlingMenu .nav-searchkey .btn-changekey a {
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 0.85em;
	padding: 0.5em;
	background: url(/images/common/icon_arrow_right_orange.svg) 96% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #eee 100%);
	background-size: auto 40%, auto auto;
	text-decoration: none;
	text-align: center;
}
#searchFilters #filterlingMenu .nav-searchkey .btn-changekey.d-flex a {
	width: 48%;
}
#searchFilters #filterlingMenu article ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#searchFilters #filterlingMenu article ul li {
	padding: 0 0.25em;
	margin-bottom: 0.5em;
}
#searchFilters #filterlingMenu article .form-button--check label {
	font-size: 0.85em;
	width: 100%;
}
#searchFilters #filterlingMenu article ul.nav-yosan li { width:20%; }
#searchFilters #filterlingMenu article ul.nav-feature li { width:25%; }
#searchFilters #filterlingMenu article ul.nav-unique li { width:33.3%; }
#searchFilters #filterlingMenu article ul.nav-share li { width:20%; }


#searchFilters #filterlingMenu aside#preloadMatch {
	margin: 1em auto 0 auto;
	text-align: center;
}
#searchFilters #filterlingMenu aside#preloadMatch p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}
#searchFilters #filterlingMenu aside#preloadMatch p span {
	font-size: 1.4em;
	color: #D63070;
}
#searchFilters #filterlingMenu aside#preloadMatch #btnPostSearch {
	width: 320px;
	margin: 0 auto;
}
#searchFilters #filterlingMenu aside#preloadMatch #btnPostSearch a {
	display: block;
	margin: 0 auto;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	padding: 1em;
	background: url(/images/common/icon_find.svg) 5% 50% no-repeat #49B303;
	background-size: auto 50%;
}

/*----SEARCH RESULT----*/
#result {
	position: relative;
	margin: 1.5em 0 0 0;
}
#result #sorttab {
	margin: 0 -1em;
	border-bottom: 3px solid #D90029;
}
#result #sorttab ul {
	margin: 0;
	padding: 0 0.75em;
	list-style-type: none;
}
#result #sorttab ul li {
	flex: 1;
	padding: 0 0.25em;
	margin-bottom: -3px;
}
#result #sorttab ul li a {
	display: block;
	margin: 0 auto;
	text-align: center;
	border-radius: 4px 4px 0 0;
	font-size: 0.9em;
	text-decoration: none;
	padding: 0.75em 0;
	border: 3px solid #D90029;
	color: #fff;
	background: #D90029;
	 -webkit-transition: all .25s ease;
	transition: all .25s ease;
}
#result #sorttab ul li a:hover {
	opacity: 0.7;
}
#result #sorttab ul li.current a {
	background: #fff;
	color: #D90029;
	border-bottom: 3px solid #fff;
}
#result #sorttab ul li.current a:hover {
	opacity: 1;
}

#result .nav-available {
	padding: 1.5em 0 0 0;
}
#result .nav-available ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#result .nav-available ul li {
	flex: 1;
	margin: 0 0.25em;
}
#result .nav-available ul li a {
	display: block;
	text-align: center;
	border-radius: 4px;
	color: #333;
	font-size: 0.9em;
	text-decoration: none;
	padding: 0.75em;
	 -webkit-transition: all .25s ease;
	transition: all .25s ease;
}
#result .nav-available .availableStatus a {
	border: 2px solid #FF7800;
	color: #FF7800;
}
#result .nav-available .availableStatus a:hover {
	background: #FF7800;
	color: #fff;
}
#result .nav-available .ignoreNovacancy a {
	border: 2px solid #49B303;
	color: #49B303;
}
#result .nav-available .ignoreNovacancy a:hover {
	background: #49B303;
	color: #fff;
}
#result .nav-available .ignoreNovacancy a.enabled {
	background: #49B303;
	color: #fff;
}
#result .nav-available .sameCondtions a {
	border: 2px solid #00A0DC;
	color: #00A0DC;
}
#result .nav-available .sameCondtions a:hover {
	background: #00A0DC;
	color: #fff;
}
#pagerWrapperTop { margin-top:1.5em; }
#pagerWrapperBottom { margin-top:1.5em; padding-top:1.5em; border-top:2px dashed #f6f6f6; }
#pagerWrapperTop .listpager,
#pagerWrapperBottom .listpager {
	font-size: 0.9em;
}
/*PANORAMA MODAL*/
.mfp-iframe-panorama-lp {
	width: 900px;
	height: 450px;
}
.mfp-iframe-panorama-lp iframe {
	width: 100%;
	height: 100%;
}
.mfp-iframe-panorama-lp .mfp-close {
}
/*ROUTE MODAL*/
.mfp-iframe-route-lp {
	width: 720px;
	height: 450px;
	margin: 0 auto;
}
.mfp-iframe-route-lp iframe {
	width: 100%;
	height: 100%;
}
.mfp-iframe-route-lp .mfp-close {
	right: 60px;
}

/*----SEARCH FILTER and RESULT SINGLE COLUMN (CAMPAIGN etc.)----*/
#filter-single-wrapper {
	padding: 1.5em 1em;
	background: #fff;
}
#filter-single-wrapper #filterlingMenu .nav-yosan li { flex:1; width:auto !important; }
#filter-single-wrapper #filterlingMenu .nav-feature li { width:20% !important;}
#filter-single-wrapper #filterlingMenu .nav-unique li { width:25% !important;}
#filter-single-wrapper #filterlingMenu .nav-share li { flex:1; width:auto !important; }
#result-single-wrapper {
	padding: 1.5em 1em;
	background: #fff;
}
#result-single-wrapper .estate-container .spec table {
	max-width: 690px !important;
}
#result-single-wrapper .estate-container .status ol li.publishdate { flex:3; }
#result-single-wrapper .estate-container .status ol li.btnPanorama {}
#result-single-wrapper .estate-container .status ol li.btnSearchRoute {
	padding-left: 1em;
}
#result-single-wrapper .estate-container .status ol li:last-child {
	margin-left: auto !important;
}