@charset "utf-8";

/*20240129追加*/
/*-------------------------------------------------
|-	subway Color
-------------------------------------------------*/
.routeArea {
    display: none;
    width: 100%;
    margin: 0 auto 30px;
}
.routeTtl {
    width: 100%;
    margin: 0 auto 10px;
    color: #fff;
    font-size: 1.42rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    padding: 12px 0;
}
.routeListTtl li {
	cursor: pointer;
	font-size: 1.4em;
	border-bottom: 1px dashed #CCC;
	padding: 10px;
}
.midosuji {
	background: #DB260A;
}
.keihan {
	background: #67bea6;
}
.okanjo {
	background: #897f6e;
}
.tanimachi {
	background: #AA1B86;
}
.yotsubashi {
	background: #0073BD;
}
.chuo {
	background: #00A53C;
}
.sennichimae {
	background: #EB74A8;
}
.sakaisuji {
	background: #B24321;
}
.nagahori {
	background: #BBD300;
}
.imazatosuji {
	background: #F49F00;
}
.newtram {
	background: #00A6E2;
}

.routeTabList {

    display: flex;
    flex-wrap: wrap;
	margin: 3em auto 10px;
}
.routeTabList_box {
    width: calc(94% / 3);
    margin-left: 3%;
    margin-bottom: 10px;
}
.routeTabList_box:nth-child(3n+1) {
    margin-left: 0;
}
header #topirai {
    top: 12px;
    right: 113px;
    background: orange;
    border-radius: 20px;
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 7px;
}
header #topirai a {
	color:#333 !important;
}
header #tel {
    top: 0;
    right: 51px !important;
    background: orange;
}
#slide_menu li a {
	font-size: 14px;
	font-weight: bold;
}
#slide_menu #SM_header #sublogo {
	width: auto;
	margin-top: 0 !important;
	padding-top: 0 !important;
}
#slide_menu #SM_header #sublogo img {
	height: 55px;
}
header #access {
    top: 0px;
    right: 51px;
    background: #eb7c25;
}
header #btn_close, header #btn_open {
    background: #e87d35 !important;
}
#menubtn{
	display: none;
}
.TopSearchBox {
	flex-basis:40%
}
.sp_head_menu {
	display: none;
}
.d-flex {
	flex-basis: 41%;
    margin-left: auto;
}
#spSearchMore{
	display:none;
	background-color: #ef7b00;
	color:white;
}
.HomeCont01_tel {
	text-align: center;
}
.label-sodan br {
	display:block;
}

#wardTabs {
	margin-top: 50px;
	margin: 0.5em auto 0;
	display: flex;
	flex-wrap: wrap;
}
#wardTabs .ward-tab {
	height: 50px;
	border-bottom: 3px solid #EF7B00;
	background-color: #FFF;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	font-weight: bold;
	transition: all 0.2s ease;
	cursor: pointer;
	flex-basis: calc(100%/6);
}
#wardTabs .ward-tab:hover {
	opacity: 0.75;
}
/*選択されているタブのスタイルを変える*/
#wardTabs input:checked + .ward-tab {
	background-color: #EF7B00;
	color: #fff;
}
#spTopSearch.open,
#spTopSearch.close {
	display:block;
}
.pc-research {
	display:block;
}
.sp-research {
	display:none;
}
.is-pc {
	display:block;
}
.is-pc.cell {
	display: table-cell;
}
.is-sp {
	display: none;
}

@media (min-width: 1020px) {

}
@media (max-width: 1020px) {

}
@media (max-width: 1020px) and (min-width: 768px) {
	.HomeCont01 {
		flex-flow: column;
	}
}
@media (min-width: 768px) {
	#SpRoute {
		display: none;
	}
	.HomeRosenzu {
		display: block;
	}
}
@media (max-width: 991px) {
	.mag-box {
		flex-basis: 100%;
	}
}
@media (max-width: 767px) {
	.TopJoken {
		display: block!important;
	}
	.PickupService li {
		width: 100%!important;
	}
	.PickupService 	{
		padding: 10px;
	}
	.TopSearch {
		display: block!important;
	}
	.SelectTit {
		width: 28%;
		text-align: left;
		font-size: 1.1em!important;
		min-width: 135px;
	}
	.SelectTit.tcenter {
		text-align:left;
	}
	.SelectTit.order {
		width:auto !important;
		min-width:auto;
	}
	#spSearchMore {
		display:block;
	}
	#SpRoute {
		display: block;
		width: 93%;
		margin: 0 auto;
	}
	.HomeRosenzu {
		display: none;
	}

	#HomeTextArea {
		margin-top: 15px !important;
		padding: 15px !important;
	}
	#header, #header-in {
		height: auto !important;
	}
	.TopSearch .TopSearch__Box_05 {
		flex-basis: 20% !important;
		padding-right: 0 !important;
	}
	.TopSearch .TopSearchBox {
		flex-basis: 80%;
	}
	.TopSearch,
	.container {
		width: 100% !important;
	}
	#topSearchForm{
		width:100% !important;
		padding:0 5px;
		flex-wrap: nowrap;
	}
	#header-in {
		width:100% !important;
		padding:0 0 0 5px;
		flex-wrap: nowrap;
	}
	#logo img {
		height: 55px !important;
		margin-top: 0;
	}
	#menubtn {
		display: flex !important;
		justify-content: flex-end;
		align-self: baseline !important;
		flex-wrap: wrap;
	}
	.HomeCont01 {
		flex-flow: column;
	}
	.TopAttn01,
	.HomeCont01_tel,
	#global-navi,
	.TopSearch .d-flex,
	.unei,
	.header-top {
		display: none !important;
	}
	#logo {
		min-width: 230px;
	}
	header #btn_open, header #tel {
		position:static !important;
	}
	header #btn_open {
		order: 3;
	}
	header #tel {
		order: 2;
	}
	header #topirai {
		position:static !important;
		max-width:100px;
	}
	header #topirai_area {
		align-self:center;
		order: 1;
		padding:3px;
	}
	header {
		position: fixed;
		top: 0;
		z-index:1000;
		background-color: white;
		padding-bottom:10px;
	}
	body {
		margin-top: 120px;
	}
	#slide_menu {
		position:fixed;
		top:0;
		bottom:0;
		right:0;
		left:767px;
		display:block !important;
		z-index:2000;
		background: #F5F5F5;
		opacity: 1 !important;
		overflow: hidden;
	}
	#bread {
		width:auto !important;
	}
	.station-select{
		position:absolute;
		background-color:white;
		color:#39b748;
		font-weight:bold;
		width:3.2em;
		height:3.2em;
		border-radius:50%;
		display:none;
		align-items:center;
		justify-content:center;
		margin:3px;
		font-size:70%;
	}
	.station-select.selected{
		display: flex;
	}
	.label-sodan br {
		display:none;
	}
	.field-sodan {
		margin-left:30%;
	}
	.kodawari-list {
		margin-left: 0 !important;
	}
	#wardTabs .ward-tab {
		flex-basis: calc(100%/4);
	}
	#spTopSearch.open{
		display:block;
	}
	#spTopSearch.close {
		display:none;
	}
	.pc-research {
		display:none;
	}
	.sp-research {
		display:block;
	}
	.ResultPageTop {
		flex-direction: column;
	}
	.Grid_pc3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.Grid_pc2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.is-pc {
		display:none !important;
	}
	.is-sp {
		display: block !important;
	}
	.is-sp.cell {
		display: table-cell !important;
	}
		.Btn_apple.contact,
	.Btn_Star.favlist {
		height:auto;
		white-space:normal;
		border:none;
		padding:4px 10px;
	}
	.Btn_apple.contact {
		line-height:unset;
	}
	/** フォント **/
	.f-bold {
		font-weight: 800;
	}
	.f-small {
		font-size:1rem;
	}
	.f-middle {
		font-size:1.3rem;
	}
	.f-large {
		font-size:1.5rem;
	}

	.bl-box {
		flex-direction: column;
		margin-bottom:80px;
	}
	.bl-image, .bl-info {
		flex-basis: 100% !important;
		width:100% !important;
	}
	/** フロアテブール **/
	.rooms-table table th {
		padding: 5px 5px 5px;
		text-align: center;
		font-size:1.2rem;
	}
	.rooms-table table td {
		padding: 12px 5px;
		border-bottom: 1px solid #CCC;
		font-size:1.2rem;
	}
	.rooms-table .btn {
		border-radius: 8px !important;
		padding: 6px 13px !important;
		font-size:1.2rem !important;
	}
	.rooms-navs .btn {
		border-radius: 4px !important;
		padding: 6px 16px !important;
		font-size:1.2rem !important;
	}

	/** ビル詳細 **/
	.PageHead__DeailBox {
		flex-direction: column;
		align-items:center;
	}
	.PageHead__DeailBox .Btn {
		padding-left:0;
		margin-top:30px;
	}
	.bl-img-map {
		flex-direction: column;
		margin-bottom:30px;
	}
	.bl-img-map .bl-image {
		flex-basis: 100%;
		width:100%;
	}
	.bl-img-map .bl-map {
		flex-basis: 100%;
		width:100%;
	}
	.flexslider {
		margin-bottom:20px;
	}
	/** お問い合わせ **/
	.bl-contact {
		flex-direction: column;
	}
	.bl-contact .btn-bl-contact,
	.bl-contact .btn-bl-favorite,
	.bl-contact .btn-bl-tel,
	.bl-contact .btn-bl-favtext{
		width: 100%;
		flex-basis: 100%;
	}
	.bl-contact .btn-bl-contact{
		order: 1;
	}
	.bl-contact .btn-bl-favorite{
		order: 3;
	}
	.bl-contact .btn-bl-tel{
		order: 2;
	}
	.bl-contact .btn-bl-tel .DB_tel{
		font-size:1.6rem;
	}
	.bl-contact .btn-bl-favtext{
		order: 4;
	}
	.bl-contact .btn-bl-favtext .DB_tel{
		font-size:1.6rem;
	}

	/** 物件情報 **/
	.bl-spec {
		flex-direction: column;
	}
	.bl-spec dl {
		width:100%;
		flex-basis:100%;
	}

	/** 特集記事 **/
	.mag-container {
		flex-direction: column;
	}
	.mag-box {
		flex-basis:calc(33% - 13.3333px);
	}
	.mag-cate-title, .mag-cate-list {
		display:none;
	}
	.sns-shares {
		font-size:18px;
	}
}
@media (max-width: 454px) {
	header #btn_open {
		order: 2;
	}
	header #tel {
		order: 1;
	}
	header #topirai_area {
		order: 3;
	}
	body {
		margin-top: 140px;
	}
	.station-select{
		font-size:50% !important;
	}
	.TopSearch__Box {
		flex-direction: column;
	}
	.TopSearch__Box.order {
		flex-direction: row;
	}
	.SelectTit {
		width:100%;
	}
	.field-sodan {
		text-align:center;
		margin-left:auto;
	}
	.field-rent br {
		display:none;
	}
	#wardTabs .ward-tab {
		flex-basis: calc(100%/3);
	}
	.mag-box {
		flex-basis:calc(50% - 10px);
	}
	.mag-articles {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.mag-article {
		flex-direction: column;
		flex-basis:100%;
		gap:10px;
	}
	.mag-thumb {
		flex-basis: 100%;
		height:150px;
	}
	.mag-header {
		flex-basis: 100%;
	}
}
/*テスト用補完*/
#Footer2nd {
    padding: 2em 0;
    gap: 30px;
}
.p-2 {
    padding: .5rem !important;
}
.footer-menu a {
	font-size: 14px;
	font-weight: bolder;
}
.text-center {
    text-align: center !important;
}
.d-inline-block {
    display: inline-block !important;
}
.dnone {
	display: none !important
}
.header-sub {
    font-weight: bolder;
    font-size: 12px;
}
.ps-5 {
    padding-left: 3rem !important;
}
.header-btn {
    margin: 0 auto;
    padding: 7px 14px;
    background: #EF7B00;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    color: #000;
    display: inline-block;
    border-radius: 21px;
    text-align: justify;
    text-align-last: justify;
}
.header-tel {
    font-weight: bolder;
    font-size: 16px;
}

.logotest{
    position: relative;
    width: 226px;
    display: inline-block;
}

.routeTabList li {
	cursor: pointer;
}
.routeTabList li:hover {
	opacity:0.8;
}
.midosujiArea .routeListTtl li.selected {
	background-color:#ffe2de;
}
.tanimachiArea .routeListTtl li.selected {
	background-color:#ffd4f4;
}
.yotsubashiArea .routeListTtl li.selected {
	background-color:#caebff;
}
.chuoArea .routeListTtl li.selected {
	background-color:#b7ffd1;
}
.sennichimaeArea .routeListTtl li.selected {
	background-color:#ffc4de;
}
.sakaisujiArea .routeListTtl li.selected {
	background-color:#ffd3c5;
}
.nagahoriArea .routeListTtl li.selected {
	background-color:#f9ffca;
}
.newtramArea .routeListTtl li.selected {
	background-color:#caf1ff;
}
.keihanArea .routeListTtl li.selected {
	background-color:#d3fff2;
}
.okanjoArea .routeListTtl li.selected {
	background-color:#f8e8cb;
}