/*=================================================================*/
/* 共通項目                                                        */
/*=================================================================*/
/*	title
-------------------------------------------------------------------*/
#title {
	background: url(../../img/top/bg_slider.gif) repeat-x 0 0;
	}
	
	#title .title {
		color: #fff;
		font-size: 90%;
		text-align: left;
		font-weight: bold;
		padding: 2% 4%;
		background: #FED101;
		width: 92%;
		}
/*	article
-------------------------------------------------------------------*/
#contents {
	font-size: 75%;
	text-align: left;
	}
	
	/*	a
	---------------------------------------------------------------*/
	#contents p a { color: #1899E5; }
	
	/*	pager_up / pager_down
	---------------------------------------------------------------*/
	ul.pager_up ,
	ul.pager_down {
		padding: 3% 0;
		margin: 0 auto;
		text-align: center;
		}
		
	ul.pager_down { border-bottom: 1px solid #D9DCDF; }
		
		ul.pager_up li ,
		ul.pager_down li {
			display: inline;
			padding: 0 0.5%;
			}
			
			ul.pager_up li.prev a,
			ul.pager_up li.next a ,
			ul.pager_down li.prev a,
			ul.pager_down li.next a {
				border: 1px #D9DCDF solid;
				background-color: #FFF;
				padding: 1% 3%;
				text-decoration: none;
				color: #333;
				font-weight: bold;
				}
				
			ul.pager_up li a ,
			ul.pager_down li a {
				border: 1px #D9DCDF solid;
				background-color: #FFF;
				padding: 1% 3%;
				text-decoration: none;
				color: #333;
				font-weight: bold;
				}
				
			ul.pager_up li em ,
			ul.pager_down li em {
				padding: 1% 3%;
				text-decoration: none;
				color: #FFF;
				font-weight: bold;
				background: #5C6670;
				}
				
	/*	pagetop
	---------------------------------------------------------------*/
	.pagetop {
		margin: 0 auto;
		text-align: center;
		padding: 4% 0 2% 0;
		}
		
		.pagetop img { width: 10%; }
		
/*=================================================================*/
/* 賃貸物件検索結果詳細                                            */
/*=================================================================*/
/*	h2
---------------------------------------------------------------*/
#contents .ttlbox {
	font-size: 100%;
	margin: 4% 2% 0 2%;
	}
	
	#contents .ttlbox .day span {
		color: #fff;
		background: #E02E2E;
		padding: 2px 5px;
		margin: 0 3px 0 0;
		}
	
	#contents h2.pr {
		color: #FACE00;
		font-size: 100%;
		}

/*	detail
-------------------------------------------------------------------*/
#detail {
	padding: 4% 0 2.5% 0;
	width: 100%;
	font-size: 70%;
	border-bottom: 1px solid #D9DCDF;
	margin-bottom: 5%;
	}
	
	#detail ul {
		width: 95%;
		margin: 0 auto;
		}
		
		#detail ul li {
			float: left;
			}
			
		#detail ul li.prev {
			width: 38%;
			}
			
			#detail ul li.prev a {
				background: #6CB416 url(../../img/theme/icon_prev.png) no-repeat 10% center;
				background-size: 5%;
				border-radius: 5px;
				width: 75%;
				text-decoration: none;
				color: #fff;
				font-weight: bold;
				padding: 5% 5% 5% 20%;
				text-align: center;
				display: block;
				}
				
		#detail ul li.mylist { width: 24%; }
			#detail ul li.mylist img { width: 46%; }
			
		#detail ul li.contact {
			width: 38%;
			}
			
			#detail ul li.contact a {
				background: #FBEE04 url(../../img/theme/icon_contact.png) no-repeat 10% center;
				background-size: 13%;
				border-radius: 5px;
				width: 75%;
				text-decoration: none;
				color: #333;
				font-weight: bold;
				padding: 5% 5% 5% 20%;
				text-align: center;
				display: block;
				}
				
/*	tab
-------------------------------------------------------------------*/
#tab {
	margin-top: 5%;
	}
	
	/*	ul
	---------------------------------------------------------------*/
	#tab ul.tabs li {
		float: left;
		width: 25%;
		border-left: 1px solid #BFC1C3;
		margin-left: -1px;
		}
		
	#tab ul.tabs li.active {
		border: none;
		margin: 0;
		}
		
	#tab ul.tabs li:first-child {
		border: none;
		margin: 0;
		}
		
		#tab ul.tabs li a {
			display: block;
			color: #333;
			text-decoration: none;
			font-weight: bold;
			text-align: center;
			background: #EAECEE;
			padding: 10% 0 7% 0;
			border-bottom: 4px solid #EAECEE;
			}
			
		#tab ul.tabs li.active a {
			color: #fff;
			background: #131517;
			border-bottom: 4px solid #FED101;
			}
			
		#tab ul.tabs li.none a {
			color: #C7C7C7;
			}
			
	/*	tabs_content
	---------------------------------------------------------------*/
	.tab_img,
	.tab_map,
	.tab_youtube, 
	.tab_panorama{
		background: #131517;
	}
	
	/*	tab_img	*/
	.tab_img {
		text-align: center;
		background: #EAECEE;
		padding-bottom: 0.5%;
		}
		
		/*	swipe
		-----------------------------------------------------------*/
		#flame { position:relative; height:192px; overflow:hidden; padding: 3% 0 5% 4px; background: #131517;}
		#slider {position:absolute; z-index:0; width: 530px; height:192px;}
		#slider li {
			float:left;
			width: 256px;
			height: 192px;
			margin: 4px;
			text-align: center;
			line-height: 140px;
			background: #131517;
			position: relative;
			}
			
			#main_slider #slider .image img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
				
		/*	1枚の時
		-----------------------------------------------------------*/
		#main_slider ul.one { padding: 3% 0; background: #131517; }
		#main_slider ul.one li {
			width: 256px;
			height: 192px;
			background: #131517;
			margin: 0 auto;
			}
		
			#main_slider ul.one .image img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
				
		#tab p.caution{
			padding: 2px 10px;
			font-size: 90%;
		}
				
/*	page
-------------------------------------------------------------------*/
ul.page {
	width: 100%;
	border-top: 1px solid #D9DCDF;
	border-bottom: 1px solid #D9DCDF;
	margin-bottom: 5%;
	}
	
	ul.page li {
		float: left;
		}
		
	ul.page li.prev ,
	ul.page li.next {
		width: 18%;
		}
		
	ul.page li.next {
		float: right;
		}
		
	ul.page li a {
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		padding: 10% 0;
		}
		
	ul.page li.prev a {
		background: #F2BC00 url(../../img/theme/icon_prev.png) no-repeat 50% center;
		background-size: 10%;
		}
		
	ul.page li.next a {
		background: #F2BC00 url(../../img/theme/icon_next.png) no-repeat 50% center;
		background-size: 10%;
		}
		
	ul.page li.show {
		width: 64%;
		text-align: center;
		font-weight: bold;
		padding-top: 2%;
		}
		
/*	info
-------------------------------------------------------------------*/
section.info {
	border-top: 5px solid #DEE1E4;
	border-bottom: 1px solid #DEE1E4;
	padding: 2%;
	}
	
	section.info h2 {
		float: left;
		font-weight: normal;
		font-size: 80%;
		}
		
	section.info p {
		float: right;
		font-size: 75%;
		}
/*	recommend_point
-------------------------------------------------------------------*/
.recommend_point {
	width: 100%;
	}
	
	.recommend_point dt {
		background: #FACE00;
		color: #fff;
		font-size: 120%;
		padding: 3%;
		}
		
	.recommend_point dd {
		background: #FFFAE4;
		padding: 2% 3%;
		font-weight: bold;
		line-height: 170%;
		}
		
/*	basic
------------------------------------------------------------------*/
	/*	basic h3
	---------------------------------------------------------------*/
	.basic h3 {
		background: #5B5E62;
		padding: 3%;
		color: #fff;
		}
	
	/*	imp
	---------------------------------------------------------------*/
	/*	dl
	---------------------------------------------------------------*/
	#contents dl.imp { border-top: 3px solid #DEE1E4; }
		
		#contents dl.imp dt {
			padding: 1% 0 0 3%;
			margin: 0;
			font-size: 90%;
			}
			
		#contents dl.imp dd {
			border-bottom: 1px solid #DEE1E4;
			margin-top: -1.5%;
			padding: 0 0 1% 3%;
			font-size: 130%;
			}
			
	/*	p
	---------------------------------------------------------------*/
	#contents p.imp {
		border-bottom: 1px solid #DEE1E4;
		padding: 2% 3%;
		text-align: left;
		font-size: 130%;
		}
		
/*	accordion
------------------------------------------------------------------*/
	/*	accordion h3
	---------------------------------------------------------------*/
	.accordion h3 {
		background: #5B5E62;
		}
		
		.accordion h3 a {
			padding: 3%;
			color: #fff;
			text-decoration: none;
			background: url(../../img/theme/icon_accordion.png) no-repeat 97% center;
			background-size: 10%;
			width: 94%;
			display: block;
			}
			
/*	table(detail)
-------------------------------------------------------------------*/
table.detail {
	width: 100%;
	line-height: 130%;
	border-collapse: collapse;
	margin-bottom: 5%;
	font-size: 125%;
	}
	
	table.detail tr {
		}
		
		table.detail tr th {
			width: 30%;
			background: #DEE1E4;
			font-weight: normal;
			}
			
		table.detail tr:nth-child(even) th { background: #EAECEE; }
			
		table.detail td { width: 66%; }
			
		table.detail th ,
		table.detail td {
			padding: 1% 2%;
			border-bottom: 1px solid #DEE1E4;
			}

/*その他資料*/
table.detail .other_document_list{
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
table.detail .other_document_list a{
    color: #1899e5;
    line-height: normal;
    white-space: nowrap;
    display: flex;
    align-items: end;
    text-decoration: underline;
    transition: all 0.5s ease;
}
table.detail .other_document_list a:hover{
    text-decoration: none;
    opacity: 0.7;
}
table.detail .other_document_list a:after{
    content: "";
    margin-left: 0.4em;
    width: 1.4em;
    height: 1.4em;
    display: inline-block;
    vertical-align: revert;
}
table.detail .other_document_list a[data-file$=".jpg"]:after,
table.detail .other_document_list a[data-file$=".png"]:after,
table.detail .other_document_list a[data-file$=".gif"]:after{
    background: url(/common/img/union/icon_document_picture.png) no-repeat center center;
    background-size: contain;
}
table.detail .other_document_list a[data-file$=".pdf"]:after{
    background: url(/common/img/union/icon_document_pdf.png) no-repeat center center;
    background-size: contain;
}

/*	contact
-------------------------------------------------------------------*/
#contents section.contact {
	background: #6CB416;
	padding: 5%;
	}
	
	/*	hear
	---------------------------------------------------------------*/
	#contents section.contact .hear {
		margin-bottom: 5%;
		}
		
		#contents section.contact .hear a.mail {
			background: #FBEE04 url(../../img/theme/icon_contact.png) no-repeat 10% center;
			background-size: 13%;
			border-radius: 5px;
			float: left;
			text-decoration: none;
			color: #333;
			font-weight: bold;
			padding: 2% 3% 2% 12%;
			text-align: center;
			display: block;
			width: 33%;
			}
			
		#contents section.contact .hear a.tel {
			background: #FBEE04 url(../../img/theme/icon_tel.png) no-repeat 10% center;
			background-size: 13%;
			border-radius: 5px;
			float: right;
			text-decoration: none;
			color: #333;
			font-weight: bold;
			padding: 2% 3% 2% 12%;
			text-align: center;
			display: block;
			width: 33%;
			}
			
	/*	free
	---------------------------------------------------------------*/
	#contents section.contact dl.free {
		background: #fff;
		border-radius: 5px;
		text-align: center;
		margin-bottom: 1%;
		}
		
		#contents section.contact dl.free dt {
			border-bottom: 1px solid #D9DCDF;
			font-size: 130%;
			line-height: 120%;
			font-weight: bold;
			padding: 3% 0 3% 0;
			}
			
			#contents section.contact dl.free dt strong { color: #DF2C2C; }
			#contents section.contact dl.free dt span {
				font-size: 80%;
				font-weight: normal;
				}
				
		#contents section.contact dl.free dd {
			line-height: 140%;
			padding: 3% 0;
			}
			
			#contents section.contact dl.free dd a { text-decoration: none; }
				
			#contents section.contact dl.free dd strong {
				color: #333;
				font-size: 130%;
				padding-bottom: 1%;
				}
				
			#contents section.contact dl.free dd a.tel {
				color: #DF2C2C;
				font-size: 150%;
				font-weight: bold;
				text-decoration: underline;
				margin-left: 3%;
				}
				
				#contents section.contact dl.free dd a.tel img {
					width: 5%;
					vertical-align: middle;
					margin-right: 1%;
					}
					
			#contents section.contact dl.free dd span { font-size: 80%; }
			
	/*	property_info
	---------------------------------------------------------------*/
	#contents section.contact dl.free dd .property_info{
		margin-top: 2%;
	}
	
	/*	name
	---------------------------------------------------------------*/
	#contents section.contact span.name {
		text-align: center;
		font-size: 110% !important;
		display: inline-block;
		color: #333;
		font-weight: bold;
		}
	
	/*	number
	---------------------------------------------------------------*/
	#contents section.contact span.number {
		text-align: center;
		font-size: 90% !important;
		display: inline-block;
		}
		
		#contents section.contact span.number strong {
			color: #DF2C2C !important;
			font-size: 130%;
			}
			
	/*	tel
	---------------------------------------------------------------*/
	#contents section.contact dl.tel {
		border-bottom: 1px solid #EAECEE;
		font-size: 110%;
		}
		
		#contents section.contact dl.tel dt {
			background: #EAECEE;
			padding: 2% 5%;
			font-weight: bold;
			}
			
		#contents section.contact dl.tel dd {
			padding: 3% 5%;
			line-height: 150%;
			}
			
			#contents section.contact dl.tel dd a {
				color: #1899E5;
				text-decoration: none;
				}
				
			#contents section.contact dl.tel dd strong { font-size: 110%; }
			
	/*	mail
	---------------------------------------------------------------*/
	#contents section.contact dl.mail {
		width: 95%;
		margin: 0 auto;
		padding: 3% 0;
		}
		
		#contents section.contact dl.mail dt {
			float: left;
			width: 55%;
			font-weight: bold;
			font-size: 110%;
			padding: 1% 0 0 2%;
			}
			
		#contents section.contact dl.mail dd {
			float: right;
			width: 38%;
			}
			
			#contents section.contact dl.mail dd a {
				background: #FBEE04 url(../../img/theme/icon_contact.png) no-repeat 10% center;
				background-size: 13%;
				border-radius: 5px;
				width: 75%;
				text-decoration: none;
				color: #333;
				font-weight: bold;
				padding: 5% 5% 5% 20%;
				text-align: center;
				display: block;
				}