/*--------------------------------------------------------------------------------
　＊専用クラス　…　物件詳細ページ専用
-----------------------------------------------------------------------------------*/

div.flexwWrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.flexwWrap .flexItem{
	width: calc((100% - 2em) / 4);
	margin-bottom: 3em;
}

div.flexwWrap .flexItem,
div.flexwWrap2 .flexItem{
	border: 1px solid #cccccc;
}

div.flexwWrap .flexItem>div,
div.flexwWrap2 .flexItem>div{
	padding: 5px;
}

div.flexwWrap .flexItem h3,
div.flexwWrap2 .flexItem h3{
	margin-top: 5px;
}
div.flexwWrap .flexItem h3,
div.flexwWrap2 .flexItem h3,
div.flexwWrap .flexItem h4,
div.flexwWrap2 .flexItem h4{
	text-align: center;
	line-height: 1.3;
}

div.flexwWrap .flexItem p{
	padding: 0 1em;
}
div.flexwWrap .flexItem p.itemEQ-psub{
	font-size: 11px;
}



div.flexwWrap h4 span.txc00,
div.flexwWrap2 h4 span.txc00{
	font-size: 20px;
}

div.flexwWrap p{
	line-height: 1.3;
}

div.flexwWrap .flexItem img{
}


div.flexwWrap2 .flexItem{
	width: calc((100% - 3em) / 4);
	text-align: center;
	margin-bottom: 3em;
}


div.flexwWrap2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.flexwWrap img,
div.flexwWrap2 img{
	margin-bottom: 0.5em;
}




.creditcard {
height: 75px;
margin: 20px 5px 36px;
}












/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　/　760pxで最適化　▼======================================*/
@media screen and (max-width: 960px) {

}




/*====================================▼　スマートフォン・ランドスケープ・モード（横向き） /　580pxで最適化　▼======================================*/
@media only screen and (max-width:640px) {
	
div.flexwWrap2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.flexwWrap2 .flexItem{
	width: calc((100% - 1em) / 3);
}

.creditcard {
height: 50px;
margin: 20px 5px 36px;
}


}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き） /　320pxで最適化　▼======================================*/
@media only screen and (max-width:480px) {

div.flexwWrap .flexItem{
	width: 100%;
}
div.flexwWrap .flexItem img{
}

div.flexwWrap2 .flexItem{
	width: calc((100% - 1em) / 2);
}

div.flexwWrap2 .flexItem:nth-child(odd){
}

div.flexwWrap h3,
div.flexwWrap2 h3{
	font-size: 15px;
}
div.flexwWrap h4,
div.flexwWrap2 h4{
	font-size: 13px;
}
div.flexwWrap h4 span.txc00,
div.flexwWrap2 h4 span.txc00{
	font-size: 16px;
}


.creditcard {
height: 50px;
margin: 5px 5px 15px;
}

	
}