/*タブのスタイル*/
#top_new{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#mylist_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/*タブ切り替え全体のスタイル*/

/*タブのスタイル*/
.tab_item {
	width:150px;
	height:60px;
	box-sizing: border-box;
	border:2px solid #6dbcba;
	font-size:1.6rem;
	color:#6dbcba;
	display: block;
	float: left;
	text-align:center;
	cursor:pointer;
	position:relative;
	padding:10px 0px 0px 0px;
}
.tab_item:after {
	display:block;
	font-family: FontAwesome;
	content: "\f078";
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:30px;
	left:45%;
}
.rent{
	margin:0px 0px 0px 355px;
}
.sale{
	margin:0px 355px 0px 0px;
}
.tab_item:hover {
	opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: block;
	padding:0px;
	clear: both;
	overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#rent:checked ~ #rent_content,
#sale:checked ~ #sale_content{
	display: block;
}
/*選択されているタブのスタイルを変える*/
#top_new input:checked + .tab_item,#mylist_box input:checked + .tab_item {
	background-color: #6dbcba;
	color:#ffffff;
}
.tab_content h3{
	font-size:2.8rem;
	color:#333333;
	width:280px;
	margin:30px auto 0px auto;
	padding:0px 0px 10px 0px;
	line-height:140%;
	text-align:center;
	font-weight:normal;
}
.tab_content h3 hr{
	display:block;
	border-bottom:1px solid #333333;
	margin:5px 0px 0px 0px;
}
.tab_content h3.new:after{
	display:block;
	content:"new arrival";
	background-image:url('../images/icon_soho.gif');
	background-repeat:no-repeat;
	background-position:center 0px;
	margin:15px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	font-size:1.6rem;
	z-index:1;
}
.tab_content h3.up:after{
	display:block;
	content:"update arrival";
	background-image:url('../images/icon_soho.gif');
	background-repeat:no-repeat;
	background-position:center 0px;
	margin:15px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	font-size:1.6rem;
	z-index:1;
}
.tab_content h4.new_soho{
	position: relative;
	color:#333333;
	font-size:2.4rem;
	font-weight:normal;
	margin:10px 0px 10px 20px;
	padding:2px 0px 0px 35px;
	text-align: left;
}
.tab_content h4.new_soho:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f0f7";
	background: #ff801e;
	color: #ffffff;
	font-size:1.6rem;
	border-radius: 50%;
	left: 0;
	width:28px;
	height:28px;
	line-height:28px;
	text-align: center;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width: 768px){
	.rent{
		margin:0px 0px 0px 230px;
	}
	.sale{
		margin:0px 230px 0px 0px;
	}
}
@media screen and (max-width: 640px){
	.rent{
		margin:0px 0px 0px 170px;
	}
	.sale{
		margin:0px 170px 0px 0px;
	}
	.tab_content h3{
	    margin:20px auto 20px auto;
    	}
}
@media screen and (max-width: 420px){
	.rent{
		margin:0px 0px 0px 55px;
	}
	.sale{
		margin:0px 55px 0px 0px;
	}
	.tab_content h3{
	    margin:20px auto 20px auto;
    	}
}
@media screen and (max-width: 380px){
	.tab_item {
	    width:50%;
    	}
	.rent{
		margin:0px 0px 0px 0px;
	}
	.sale{
		margin:0px 0px 0px 0px;
	}
	.tab_content h3{
	    margin:20px auto 5px auto;
	    padding:0px 0px 0px 0px;
    	}
}