@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==== トップページ物件一覧の価格 ==== */
.p-postList__price{
	margin-top:10px;
	font-weight: bold;
	color:#b30000;
}
.price_label{
	display: inline-block;
	color: #fff;
	background-color: #b30000; /*　←ラベル色変更箇所 */
	padding: 2px 8px;
	font-size: 14px;
	margin-right: 10px;
}
element.style {
    color: #b30000;
}



/* ==== 物件詳細ページ ==== */

.floor_wrap,
.picture_wrap{
	display: flex;
	flex-wrap: wrap;
}
.floor_li,
.picture_li{
	width: calc(100% / 5);
	padding: 0 5px;
}
.floor_li a,
.picture_li a{
	display: block;
}
.floor_li img,
.picture_li img{
	width:100%;
	height:auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.item_mainimg,
.item_overview,
.floor_wrap,
.picture_wrap,
.single_title,
.item_map{
	margin-top: 50px;
}
.item_overview{
	margin-bottom: 50px;
}


h3.single_title{
	font-size: 1.75rem;
	font-weight: bold;
	color: #04384d;
	border-bottom: 4px solid rgba(0, 0, 0, .1);
}

.item_table{
	width:100%;
	border-top: solid 1px #eaeaea;
	font-size: 14px;
	margin-top: 30px;
}
.item_table tr{
	border-bottom: solid 1px #eaeaea;
}
.item_table th,
.item_table td{
	padding:10px 15px;
}
.item_table th{
	color: #fff;
	background-color: rgba(19, 19, 19, 0.4);
	width: 160px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

.flex_wrap{
	display: flex;
}
.flex_left,
.flex_right{
	width:50%;
}

.item_btn{
	margin-top: 50px;
}
.btn01 a{
	display: block;
	width: 350px;
	max-width: 100%;
	background-color: #04384d;
	color: #fff;
	padding: 20px;
	text-align: center;
	font-size: 1.2em;
	margin: 0 auto;
}

.flex_wrap{
  align-items:flex-start;
  gap:0;
}
.flex_left .item_table,
.flex_right .item_table{
  margin-top:0;
}





@media (max-width: 959px){
	.flex_wrap{
		flex-direction: column;
	}
	.flex_left,
	.flex_right{
		width:100%;
	}
	.flex_right .item_table{
		border-top: none;
		margin-top: 0;
	}
	.item_btn .flex_right{
		margin-top: 30px;
	}
	.item_table th{
		width:130px;
	}
	.floor_li,
	.picture_li{
		width: calc(100% / 3);
	}
}

/* 施工例/お問い合わせ ボタン：1個なら中央、2個なら左右 */
.flex_wrap.item_btn{
  display: flex;
  gap: 20px;
}

/* 2個ある時は左右に配置（今と同じ感じ） */
.flex_wrap.item_btn:has(.flex_left):has(.flex_right){
  justify-content: space-between;
}
.flex_wrap.item_btn:has(.flex_left):has(.flex_right) .flex_left,
.flex_wrap.item_btn:has(.flex_left):has(.flex_right) .flex_right{
  width: 50%;
}

/* 1個しかない時は中央に寄せる */
.flex_wrap.item_btn:not(:has(.flex_right)){
  justify-content: center;
}
.flex_wrap.item_btn:not(:has(.flex_right)) .flex_left{
  width: auto;
}
/* 右だけの時も中央に */
.flex_wrap.item_btn:not(:has(.flex_left)){
  justify-content: center;
}
.flex_wrap.item_btn:not(:has(.flex_left)) .flex_right{
  width: auto;
}


/* TOP RECOMMEND をPCで4列にする */
@media (min-width: 960px) {
  .top-item .p-postList.-pc-col4 > li {
    width: 25%;
  }
}