@charset "EUC-JP";
.tab_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
/*タブ切り替え全体のスタイル*/
/*タブのスタイル*/
.tab_rent,.tab_sale{
	width:75px;
	height:92px;
	box-sizing: border-box;
	background-image:url('../images/tabicon_rent.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-size:52px auto;
	font-weight:700;
	font-size:1.6rem;
	color:#959595;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:72px 0px 0px 0px;
	position:absolute;
	top:-48px;
	right:120px;
	z-index:1;
}
.tab_sale{
	background-image:url('../images/tabicon_sale.png');
	position:absolute;
	top:-48px;
	right:20px;
}
.tab_rent:hover {
	background-image:url('../images/tabicon_rent_act.png');
	color:#fff;
}
.tab_sale:hover {
	background-image:url('../images/tabicon_sale_act.png');
	color:#fff;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding:0px 0px 0px 0px;
	animation: fadeIn 2s ease 0s 1 normal;
	-ms-animation: fadeIn 2s ease 0s 1 normal;
	overflow: hidden;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
.tab_area {
	display: block;
	padding:0px 0px 0px 0px;
	animation: fadeIn 2s ease 0s 1 normal;
	-ms-animation: fadeIn 2s ease 0s 1 normal;
}
.tab_rent_active{
	background-image:url('../images/tabicon_rent_act.png');
	color:#fff;
}
.tab_sale_active{
	background-image:url('../images/tabicon_sale_act.png');
	color:#fff;
}

/*選択されているタブのコンテンツのみを表示*/
#tab_rent:checked ~ #rent_content,#tab_sale:checked ~ #sale_content{
	display: block;
	position:relative;
}

/*選択されているタブのスタイルを変える*/
.tab_box input:checked + .tab_rent {
	background-image:url('../images/tabicon_rent_act.png');
	color:#fff;
}
.tab_box input:checked + .tab_sale {
	background-image:url('../images/tabicon_sale_act.png');
	color:#fff;
}