/**
/* 新UI改善 CSS
----------------------------------------------- */
/* 小ボタン */
.tiny_btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 0;
	padding: 0.35em 0.4em;
	-webkit-appearance: none;
	border-radius: 0;
	transition: background-color 0.25s ease-out,color 0.25s ease-out;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	border: 1px solid #484848;
	background-color: transparent;
	color: #484848;
}
.tiny_btn_blue {
	border: 1px solid transparent;
	background-color: #7885ba;
	color: #fefefe;
}
.tiny_btn_green {
	border: 1px solid transparent;
	background-color: #72b458;
	color: #fefefe;
}
.tiny_btn_orange {
	border: 1px solid transparent;
	background-color: #e27233;
	color: #fefefe;
}
.tiny_btn_black {
	border: 1px solid transparent;
	background-color: #484848;
	color: #fefefe;
}
.tiny_btn_red {
	border: 1px solid transparent;
	background-color: #F15929;
	color: #fefefe;
}
/* マイページ_タイトルフロー部分 */
.scrollbar-block {
	height: 50px;
	margin-top: 20px;
}
.login-user-box {
	float: left;
	border: 2px solid #087F83;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 20px;
	color: #087F83;
	font-weight: bold;
	padding: 5px;
}
.login-user-box p span{
	padding: 0px 5px 0px 20px;
}
.header-scroll-box {
	float: right;
}
.scroll-flow {
	display: flex;
}
.scroll-flow .flow-items {
	padding: 0px 15px 0px 15px;
}
.scroll-flow .flow-items p {
	font-size: 12px;
	color: #087F83;
	font-weight: bold;
}


/* マイページ_コンテンツ部分 */
.header-block {
	margin-bottom: 10px;
}
.message-normal {
	font-size: 14px;
	color: #484848;
	font-weight: bold;
	margin-bottom: 15px;
}
.message-green {
	font-size: 14px;
	color: #087F83;
	font-weight: bold;
	margin-bottom: 15px;
}
.message-orange {
	font-size: 22px;
	color: #E97F17;
	font-weight: bold;
	margin-bottom: 15px;
}
.frame-grid {
	border: 2px solid #087F83;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 20px
}
.result-frame {
	border: 2px solid #E97F17;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 60%;
	font-size: 12px;
	margin: 50px auto;
	padding: 20px
}
.cond-detail-block span,
.cond-result-block span {
	color: #484848;
	font-weight: bold;
}
.cond-message-block {
	font-size: 12px;
	color: #484848;
}
.header-tab-flow {
	display: flex;
	margin-bottom: -2px;
}
.header-tab-flow .flow-items {
	margin-right: 5px;
}
.header-tab-flow .flow-items p {
	border: 1px solid #087F83;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	background-color: #087F83;
	font-size: 14px;
	color: #fff;
	padding: 5px 10px;
}
.cond-space {
	 margin-top: 30px;
}
/* 詳細画面_ログインインフォメーション */
.page-view .view-box .trial-box{
	border: 1px solid #087F83;
}
/* 新築詳細画面_タイトルフロー部分 */
.title-flow {
	display: flex;
	flex-wrap: wrap;
	background-color: #a9a4a3;
	padding: 5px 5px 5px 15px;
}
.title-flow .flow-items {
	margin-left: auto;
	margin-right: auto;
}
.title-flow .flow-items:first-child {
	margin-left: 15px;
}
.title-flow .flow-items:last-child {
	margin-right: 0px;
}
.title-flow .flow-items p {
	font-size: 24px;
	color: #fefefe;
}
.title-flow .btn-flow {
	display: flex;
	float: right;
	min-width: 380px;
}
.title-flow .btn-flow li {
	margin: 0 5px;
}
.title-flow .flow-items .customer,
.title-flow .flow-items .model {
	min-width: 300px;
	font-size: 24px;
	color: #fefefe;
}
.title-flow .flow-items .price {
	min-width: 240px;
	font-size: 20px;
	color: #fefefe;
}
.title-flow .flow-items .text {
	min-width: 220px;
	font-size: 16px;
	color: #fefefe;
}


/* 売地詳細画面_ヘッダコンテンツ部分 */
.head-content-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
.detail-grid .head-content-block .content-block {
	width: 70%;
	padding-left: 30px;
}
.detail-grid .head-content-block .btn-block {
	width: 30%;
}
.detail-grid .head-content-block .btn-block .block_btn {
	padding: 0;
}
.detail-grid .head-content-block .btn-block .block_btn li {
	font-size: 14px;
}
.detail-grid .head-content-block .content-block h2 {
	font-size: 26px;
	margin-bottom: 0px;
}
.detail-grid .head-content-block .content-block h3 {
	font-size: 16px;
	margin-left: 15px;
}
.detail-grid .head-content-block .detail-box p {
	display: table-cell;
	padding-right: 15px;
}
.detail-grid .head-content-block .detail-box .price {
	font-weight: normal;
	font-size: 16px;
}


/* 横最大サイズ画像リスト */
.detail-grid .img-block-full-w .img-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.detail-grid .img-block-full-w .img-list .img-list__item {
	width: 23%;
	margin: 0 2% 2% 0;
}
.detail-grid .img-block-full-w .img-list .img-list__item:nth-child(4n) {
	margin: 0 0 2% 0;
}


/* 緑枠白文字ヘッダー */
div.header-green {
	border: 1px solid #087F83;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #087F83;
	color: #fff;
	line-height: 2;
	padding-left: 15px;
	font-size: 20px;
}

/* ココプレ案内部分 */
.cocopre-about {
	border-top: 2px solid #087F83;
	padding-top: 5px;
}
.cocopre-about .title-area {
	background: #087F83;
	padding: 5 px 0;
}
.cocopre-about .title-area .grid_ttl {
	background: #087F83;
	color: #FFFFFF;
	text-align: center;
	font-size: 36px;
	letter-spacing: 20px;
	margin-bottom: 30px;
}
.cocopre-about p.h2_ttl {
	margin-bottom: 0px;
}
.cocopre-about .h2_ttl {
	color: #087F83;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.cocopre-about .flow-list .flow-items {
	position: relative;
	padding-right: 30px;
	margin-right: 20px;
}
.cocopre-about .flow-list .flow-items:before{
	display: block;
	content: "";
	position: absolute;
	top: 50px;
	right: 0;
	width: 30px;
	height: 20px;
	background-size: 30px 20px;
	background-image: url(../images/top/flow_arrow.svg);
}
.cocopre-about .flow-list .flow-items:last-child{
	padding-right: 0;
	margin-right: 0;
}
.cocopre-about .flow-list .flow-items:last-child:before{
	content: none;
}

/* 図形 下向き二等辺三角形 */
div.triangle {
	width: 20px;
	border-top: 20px solid #087F83;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent; 
	margin: 0 auto 10px;
}
/* 図形 各向きドロップダウンボタン */
.dropdown-top {
	display: block;
	width: 12px;
	height: 12px;
	border-top: solid 2px #087F83;
	border-right: solid 2px #087F83;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -6px;
}
.dropdown-bottom {
	display: block;
	width: 12px;
	height: 12px;
	border-top: solid 2px #087F83;
	border-right: solid 2px #087F83;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin: 0 auto;
}
.dropdown-right {
	display: block;
	width: 12px;
	height: 12px;
	border-top: solid 2px #087F83;
	border-right: solid 2px #087F83;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 0 auto;
}
.dropdown-left {
	display: block;
	width: 12px;
	height: 12px;
	border-top: solid 2px #087F83;
	border-right: solid 2px #087F83;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin: 0 auto;
}
.dropdown-white-bottom {
	display: block;
	width: 12px;
	height: 12px;
	border-top: solid 2px white;
	border-right: solid 2px white;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin: 0 auto;
	cursor: pointer;
}
.dropdown-white-bottom-right {
	display: block;
	width: 12px;
	height: 12px;
	border-top: solid 2px white;
	border-right: solid 2px white;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 0 auto;
}

.thin {
	opacity:0.5;
}
.block_btn .btn.btn_white {
	border: 1px solid #087F83;
	background-color: #fff;
	color: #087F83;
}


/* ココプレ大枠 */
.cocopre-detail div.cocopre-grid {
	border: 2px solid #087F83;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 20px 20px;
}
.container {
	/* width: 100%; */
	/* height: 100%; */
	max-width: 700px;
	/* max-height: 700px; */
	max-height: none;
	/* position: relative; */
}
.kokopurePlaceholder {
	width: 700px;
	height: 700px;
	/* max-width: 100%; */
	/* max-height: 100%; */
	/* position: relative; */
	/* background-color: #fff; */
}
.cocopre-container {
	width: 100%;
	height: 100%;
	position: relative;
}
.cocopre-container .kouzu-box {
	border: 1px solid #087F83;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 20px 20px;
	height: 606px;
	margin-bottom: 20px;
}
.cocopre-detail .cocopre-grid .elementArea {
	width: 70%;
}
.cocopre-detail .cocopre-grid .conditionsArea {
	width: 300px;
	min-width: 300px;
	padding-left: 10px;
}
.cocopre-container .kouzu {
	max-height: 100%;
	max-width: 100%;
}
.cocopre-price-font {
	font-size: 28px;
}
.cocopre-margin {
	/* margin-top: 80px; */
	margin-top: 20px;
}
.cocopre-margin1 {
	margin: 0 auto;
}
.cocopre-padding {
	padding: 30px 0;
}
.cocopre-width {
	width: 30%;
}
.cocopre-width1 {
	width: 50%;
}

.cocopre-height {
	height: 30px;
	width: auto;
}
.cocopre-height1 {
	height: 85px;
}
.cocopre-font {
	font-size: 20px;
}
/* ココプレメニュー（配置アイテム） */
/* .kokopureMenu {
	background-color: #C8E9FB;
	height: 60px;
	width: 100%;
	bottom: 3px;
	box-sizing: border-box;
	padding: 10px 25px;
	position: relative;
	display: inline-flex;
	flex-direction: row;
} */
/* .kokopureMenu img {
	transform: none;
	width: auto;
	height: 100%;
	float: left;
	display: block;
	margin-right: 50px;
	pointer-events: auto;
	cursor:grab;
} */
/* .kokopureMenu img::selection {
	background: none;
} */

.cocopre-margin .block_btn li {
	display: inline-block;
}

/* ココプレヘッダ系 */
.cocopre-grid .head-box {
	border-bottom: 1px solid #087F83;
}
.cocopre-grid .head-box>p {
	display: inline-block;
}
.cocopre-grid .head-box .price span {
	font-size: 28px;
	font-weight: bold;
	margin-left: 15px;
}
.cocopre-grid .head-box .notice {
	margin-left: 30px;
}
.cocopre-grid .info-box p {
	font-weight: bold;
	color: #087F83;
}
.cocopre-grid .info-box p span {
	font-weight: normal;
	color: #484848;
}
.cocopre-grid .info-box .info-selected p {
	display: inline-block;
	vertical-align: top;
}
.cocopre-grid .detail-box .post-cocopre-title {
	border-bottom: 1px solid #087F83;
	margin-bottom: 15px;
}
.cocopre-grid .detail-box .post-cocopre-title p {
	background-color: #087F83;
	width: 300px;
	color: #fff;
	margin: 0 0 0 auto;
	text-align: center; 
	font-size: 18px;
	text-align: right;
	padding: 5px 15px 0px;
}
.cocopre-grid .detail-box .post-cocopre-title p span {
	font-size: 24px;
}
.cocopre-grid .detail-box .post-cocopre-sub-list__item .post-date p,
.cocopre-grid .detail-box .post-cocopre-sub-list__item .post-date li {
	font-size: 12px;
}
.cocopre-grid .post-cocopre-sub-list__item .post-date .caption,
.cocopre-grid .post-cocopre-sub-list__item .post-date .price {
	font-weight: normal;
	font-size: 14px;
}
.cocopre-grid .post-cocopre-sub-list__item .post-date .ttl li {
	font-weight: bold;
	font-size: 14px;
}


/* ココプレパーツ系 */
.cocopre-menu-box {
	background-color: #bad068;
	height: 150px;
	padding: 10px;
	justify-content: center;
}
.cocopre-menu-box .cocopre-menu-exp {
	font-weight: bold;
	margin: 10px 30px 20px;
}
.cocopre-menu-assets .kokopureMenu {
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	width: 90%;
}
.cocopre-menu-assets .cocopre-menu-symbol {
	display: inline-block;
	vertical-align: middle;
	width: 4%;
}


/* ココプレサイド部分大枠 */
div.side-head-box {
	border: 1px solid #087F83;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #087F83;
	color: #fff;
	line-height: 2;
	margin-bottom: 15px;
	padding-left: 15px;
}
div.side-detail-box {
	border: 1px solid #087F83;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #087F83;
	margin-bottom: 15px;
}
.side-info-box {
	color: #087F83;
	font-size: 12px;
	margin-bottom: 15px;
}
.side-cond-box {
	border: 1px solid #087F83;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #087F83;
	color: #fff;
	line-height: 2;
	margin-bottom: 15px;
}
.alert-block {
	border: 1px solid #E97F17;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #E97F17;
	color: #fff;
	font-size: 14px;
	line-height: 2;
	padding: 15px;
	margin: auto;
	margin-bottom: 15px;
	max-width: 255px;
	cursor: pointer;
}


/* ココプレサイド上部分 */
.side-detail-block {
	border-bottom: 1px solid #087F83;
	font-size: 12px;
	margin: 15px;
}
.side-detail-block p {
 	display: table-cell;
}
.side-detail-block .side-detail-title {
	width: 50%;
}
.side-detail-block .side-detail-element {
	width: 30%;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
}
.side-detail-block .element-price-text {
	text-align: right;
	padding-left: 38px;
}
.side-detail-block .element-price-text1 {
	text-align: right;
	padding-left: 49px;
}
.alert-block span {
	border: 1px solid #fff;
	background-color: #fff;
	color: #484848;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	margin-right: 5px;
}
.alert-block .text-big {
	font-size: 22px;
	font-weight: bold;
}


/* ココプレサイド中部分（メッセージ） */
.side-info-box p {
	text-align: center;
	font-weight: bold;
}


/* ココプレ検索条件部分 */
div.cond-head-box {
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fff;
	color: #087F83;
	line-height: 2;
	margin-bottom: 15px;
	padding-left: 15px;
	margin: 15px;
}
div.cond-detail-block {
	font-size: 12px;
	margin: 15px;
}
div.cond-detail-block .cond-contents {
	border-top: 1px solid #fff;
}
.cond-detail-block p {
 	display: table-cell;
}
.post-cocopre__item .post-kokopre-image img {
	background-color: white;
}
.cond-detail-block .reiauto {
	display: block;
	color: #484848;
	font-size: 12px;
}
.cond-detail-block .reiauto1 {
	background-color: white;
	margin-bottom: 10px;
	padding: 10px;
}
.cond-detail-block p.reiauto2 {
	display: block;
	color: white;
	font-size: 12px;
}
.cond-detail-block p.reiauto2 a {
	color: white;
}
.cond-detail-block .cocopre-lackprice-text {
	color: red;
	font-size: 14px;
	text-align: right;
	margin-right: 30px;
}
.cond-detail-block .cocopre-lackprice-text span {
	color: red;
}
.post-list__item .views,
.post-cocopre-list__item .views,
.post-cocopre-sub-list__item .views {
	padding-left: 5px;
	color: #087F83;
	font-weight: bold;
}
.cond-detail-block .bukkenNo {
	color: white;
}
.cond-detail-block .cocopre-price-text,
.cond-detail-block .cocopre-price-text span {
	font-size: 18px;
	color: white;
}
.cond-detail-block .cocopre-price-bar {
	border-top: #fff 2px solid;
	width: 230px;
}
.cond-detail-block .cocopre-price-margin {
	margin-top: -10px;
}
.cond-detail-block .cocopre-price-margin1 {
	margin-top: 25px;
}
.cond-detail-block .cocopre-sonota {
	color: rgba(255, 255, 0, 0.795);
}

.cond-detail-block .toriatsukai {
	color: #484848;
}
.cond-detail-block .cocopre-text {
	font-weight: bold;
}

.post-cocopre__item .cocopre-font {
	font-size: 20px;
	font-weight: bold;
}
.image-color {
	border: 2px solid#087F83;
}
.btn-margin {
	margin-top: 25px;
}
.side-cond-box .cond-detail-block .cond-contents input[type=radio] {
	margin-right: 4px;
}
.cond-detail-block .cond-contents input[type=checkbox],
.cond-detail-block .cond-contents input[type=radio] {
	margin-right: 10px;
}
.cond-detail-block .cond-contents select {
	height: 32px;
	min-width: 128px;
	max-width: 180px;
	padding: 3px 24px 3px 8px;
	color: #6a6a6a;
	margin: 0 10px;
}
.cond-detail-block .cond-contents .text-box {
	height: 32px;
	width: 128px;
	padding: 3px 12px 3px 8px;
	color: #6a6a6a;
	text-align: right;
}
.cond-detail-box .cond-detail-block .cond-contents .text-box {
	margin-left: 40px;
	margin-top: 10px;
}
.cond-detail-area th {
	border-right: 1px solid #bbbbbb;
}
.cond-contents1 p {
	display: block;
	padding-right: 30px;
}

.cond-detail-block .cond-contents .select-position {
	height: 32px;
	min-width: 100px;
	padding: 3px 5px 3px 5px;
	margin: 10px 0;
	margin-left: 5px;
	color: #6a6a6a;
}
.cond-detail-block .cond-contents .select-position1 {
	height: 32px;
	min-width: 128px;
	padding: 3px 24px 3px 8px;
	margin: 0 28px;
	
	color: #6a6a6a;
}
.cond-detail-block .cond-contents .select-position2 {
	height: 32px;
	min-width: 128px;
	padding: 3px 24px 3px 8px;
	margin: 0 3px;
	margin-bottom: 10px;
	
	color: #6a6a6a;
}
.cond-detail-block .cond-contents .select-position3 {
	height: 32px;
	min-width: 128px;
	margin: 0 5px;
	padding: 3px 24px 3px 8px;
	
	
	color: #6a6a6a;
}

.cond-detail-block .cond-contents .select-position4 {
	height: 32px;
	min-width: 128px;
	padding: 3px 24px 3px 8px;
	margin: 0 0;
	margin-left: 40px;
	margin-top: 10px;
	
	color: #6a6a6a;
}
.cond-detail-block .cond-contents .select-position5 {
	padding: 6px 24px 6px 8px;
	margin: 0px 22px;
	margin-right: 10px;
}
.cond-detail-block .cond-contents .select-position6 {
	padding: 6px 24px 6px 8px;
	margin: 0px 33px;
	margin-right: 10px;
}
.cond-detail-block .cond-contents .select-position7 {
	padding: 6px 24px 6px 8px;
	margin: 0px 35px;
	margin-right: 20px;
}
.cond-contents .cond-select-box {	
	padding-right: 0px;
}
.cond-contents .cond-select-box1 {	
	padding: 0px 10px;
}
.cond-contents .cond-select-box2 {
	margin-left: 15px;
	padding-left: 24px;
}
.cond-contents .cond-select-box3 {
	margin-left: 15px;
	padding-left: 48px;
}
.cond-contents .cond-select-box4 {
	margin-left: 15px;
	padding-left: 36px;
}
.cond-contents .cond-select-box5 {	
	padding-left: 32px;
	padding-right: 0px;
}
.cond-contents .cond-select-box6 {	
	padding-left: 26px;
	padding-right: 0px;
}
.cond-contents .pd {
	padding-left: 25px;
	padding-right: 25px;
}
.cond-detail-area th.cond-detail-block {
	min-width: 90px;
}
.cond-detail-area td.cond-detail-block {
	min-width: 140px;
}

/* レスポンシブルデザイン(1024px) */
@media only screen and (max-width: 1023px) {
	/* 新築詳細ヘッダ部分 */
	/* .title-flow {
		flex-wrap: wrap;
	} */
	/* .title-flow .flow-items {
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.title-flow .flow-items:first-child,
	.title-flow .flow-items:last-child {
		margin-left: 0px;
		margin-right: 0px;
	}
	.title-flow .btn-flow {
		float: none;
	} */

	/* ココプレ下部検索条件部分 */
	.cond-detail-area {
		overflow: scroll;
	}
	.cond-detail-area table {
		min-width: 1024px;
	}
}
/* 既存CSS無効 */
@media only screen and (min-width: 768px) {
	.cocopre-detail .simulationArea {
		margin-bottom: 0px;
	}
}
/* レスポンシブルデザイン(768px) */
@media only screen and (max-width: 767px) {
	/* ココプレでできること */
	.cocopre-about  .flow-list{
		-webkit-justify-content: center;
		justify-content: center;
	}
	.cocopre-about .flow-list .flow-items{
		width: 100%;
		text-align: center;
		padding-right:0;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.cocopre-about .flow-list .flow-items:last-child{
		margin-bottom: 0;
	}
	.cocopre-about .flow-list .flow-items:before{
		top: 100%;
		right: 50%;
		width: 24px;
		height: 26px;
		background-size: 24px 26px;
		background-image: url(../images/top/sp_flow_arrow.svg);
		transform: translateX(50%);
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
	}
	.cocopre-about .flow-list .flow-items img{
		width: auto;
	}
	/* 売地詳細ヘッダ部分 */
	.detail-grid .head-content-block {
		flex-direction: column;
		display: flex;
	}
	.detail-grid .head-content-block .btn-block {
		width: auto;
		order: 2;
	}
	.detail-grid .head-content-block .content-block {
		width: auto;
		padding-left: 0px;
		order: 1;
	}
	.detail-grid .head-content-block .content-block h2 {
		font-size: 4vw;
		margin-bottom: 2%;
	}
	.detail-grid .head-content-block .content-block h3 {
		font-size: 4vw;
		margin-bottom: 2%;
		margin-left: 0px;
	}
	.detail-grid .head-content-block .content-block h3 span {
		font-size: 3.26vw;
	}
	.detail-grid .head-content-block .detail-box .price {
		font-size: 3.6vw;
	}

	/* 新築詳細ヘッダ部分 */
	.title-flow {
		display: block;
	}
	.title-flow .flow-items {
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.title-flow .flow-items:first-child,
	.title-flow .flow-items:last-child {
		margin-left: 0px;
		margin-right: 0px;
	}
	.title-flow .btn-flow {
		float: none;
	}

	/* ココプレ部分 */
	.elementArea {
		margin-bottom: 30px;
	}
	.cocopre-width {
		width: 80%;
		margin: 0 auto;
	}

	/* ココプレメニュー（配置アイテム） */
	/* .kokopureMenu img {
		margin-right: 30px;
	} */

	/* ココプレ説明部分 */
	.cocopre-about .about-grid.inner {
		width: auto;
	}

	/* ココプレサイド上部分 */
	.cocopre-detail .cocopre-grid .elementArea,
	.cocopre-detail .cocopre-grid .conditionsArea {
		width: auto;
	}
	.side-detail-block {
		border-bottom: 1px solid #087F83;
		font-size: 12px;
		margin: 15px;
	}
	.side-detail-block p {
		display: table-cell;
	}
	.side-detail-block .side-detail-title {
		width: 50%;
	}
	.side-detail-block .side-detail-element {
		width: 50%;
		text-align: right;
		font-weight: bold;
		margin-right: 10px;
	}
	.side-detail-block .element-price-text {
		text-align: right;
		padding-left: 60px;
	}
	.side-detail-block .element-price-text1 {
		text-align: right;
		padding-left: 60px;
	}
	.alert-block span {
		border: 1px solid #fff;
		background-color: #fff;
		color: #484848;
		font-size: 16px;
		font-weight: bold;
		padding: 5px;
	}
	.cocopre-margin .block_btn li {
		display: block;
	}
	/* ココプレ下部ボタンエリア */
	.cocopre-detail .page-guide .page-block {
		display: block;
	}
	.cocopre-detail .page-guide .page-block li {
		width: 100%;
		margin-bottom: 10px;
	}
	.mainContent .cocopre-main-img {
		margin-bottom: 20px !important;
	}
}
.cond-contents .cond-radio-box {
	padding: 0px 5px;
	margin: 0px 3px;
	padding-left: 10px;
	margin-left: 5px;

}
.cond-contents .cond-textal {
	padding: 0 120px;
	margin: 10px 0px;
	transform: rotate(90deg);	
}
	
.cond-aleat {
	color: #E97F17;
}
.cond-info {
	font-size: 11px;
}
.cond-thin {
	color: #6a6a6a;
}
.cond-btn-block {
	max-width: 250px;
	margin: 0 auto;
	padding: 15px;
}
.block_btn .btn {
	cursor: pointer;
}
.block_btn .cond-alert-btn {
	border: 4px solid #fff;
	background-color: #E97F17;
	color: #fff;

}
.cond-detail-block .cond-contents .new-line{
	content: "A" ;
	white-space: pre;
}

/* ココプレ下部検索条件部分 */
th.cond-detail-block, 
td.cond-detail-block {
	border-bottom: 1px solid #6a6a6a;
	font-size: 12px;
	padding: 10px;
}
th.cond-detail-block .cond-title, 
td.cond-detail-block .cond-title {
	color: #087F83;
}
.cond-right-item {
	margin: 0 0 0 auto;
}

.list-more {
	color: #087F83;
	font-weight: bold;
	text-align:center;
	cursor: pointer;
}
.float-left {
	float: left;
}

/* ココプレ画面遷移4のサブ検索リスト */
div#cocopre-sub-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.post-cocopre-sub-list__item:nth-child(3n) {
	margin: 0 0 2% 0;
}
.post-cocopre-sub-list__item {
	width: 32%;
	margin: 0 2% 2% 0;
}

/* ココプレ画面遷移3レイアウト */
.cocopre-note {
	margin-top: 5px;
	margin-bottom: 5px;
}
.cocopre-price {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* 売地、新築画像の上につけるデザイン */
.cocopre-grid .post-list__img {
	position: relative;
	display: block;
}
.cocopre-grid .post-list__img .fav_icon {
	position: absolute;
	text-align: center;
	bottom: 10px;
	right: 10px;
}
.cocopre-grid .post-list__img .fav_icon i {
	font-size: 25px;
	color: #ea585c;
}
.cocopre-grid .post-list__img .fav_icon span {
	color: #FFFFFF;
	position: absolute;
	top: 41%;
	left: 51%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	font-weight: bold;
	font-size: 9px;
}
.cocopre-grid .post-list__img:before {
	position: absolute;
	top: 0;
	left: 0; 
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: -moz-linear-gradient(to bottom, rgb(250,250,250,0.5),rgb(0,0,0,0.5)); 
	background: -webkit-linear-gradient(to bottom, rgb(250,250,250,0.5),rgb(0,0,0,0.5)); 
	background: linear-gradient(to bottom, rgb(250,250,250,0.0),rgb(250,250,250,0.0),rgb(250,250,250,0.0),rgb(50,50,50,0.15),rgb(0,0,0,0.7));
	border-radius: 5px; 
}
.meta1 {
	position: absolute;
	bottom: 10px;
	left: 5px;
	text-align: left;
	color: #fff;
	font-size: 12px;
}
.meta2 {
	position: absolute;
	top: 37px;
	left: 5px;
	text-align: left;
	color: #fff;
	font-size: 12px;
}

/* ココプレ画面遷移3の売地、新築画像 */
.cocopre-grid .post-cocopre__item .post-list__img {
	width: 90%;
	margin-bottom: 10px;
	display: block;
}
.cocopre-grid .post-cocopre__item .post-kokopre-image {
	width: 60%;
	margin-bottom: 10px;
	margin-left: auto;
}

/*------------------------------------------------------------------------------
	UI変更2次（ここから下）
------------------------------------------------------------------------------*/
/* メインコンテンツ設定_区切り */
.mainContent {
	display: inline;
    width: 900px;
	margin: 0 0 0 auto;
}
/* サイドバー設定_区切り */
.sideContent {
    display: inline;
    width: 300px;
    background-color: #bbddff;
	margin: 0 auto 0 0;
}
/* サイドバーカード型 */
.sideContent .side-card-list {
	width: 220px !important;
	height: 250px !important;
	background: white;
	margin: 10px 10px;
}
/* サイドバー追従設定 */
.sideContent .side-block {
	position: -webkit-sticky;
	position: sticky;
	top: calc(100vh - 870px); /* 1058はサイドバーの高さ */
}

#sideslider {
	width: 250px;
}
/* サイドバーカード業者名 */
#sideslider .side-header .agency-name {
	font-size: 16px;
	font-weight: bold;
	color: #09619D;
	margin-left: 5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* サイドバーカードタイトル */
#sideslider .side-header .title {
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	height: 35px;
}
/* サイドバーカードキャプション */
#sideslider .side-detail .detail-caption {
	display: inline-block;
	width: 56% !important; 
	font-size: 10px;
	padding: 5px;
	height: 90px;
	vertical-align: top;
}

/* サイドバーカード業者画像 */
#sideslider .side-detail .detail-img {
	display: inline-block;
	width: 37% !important; 
	padding: 5px;
	vertical-align: top;
}
/* サイドバー業者画像 */

#sideslider .side-detail img {
	width:auto !important; 
	height: auto;
	display: initial;
	padding: 0 0 !important;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
	/* width: 100% !important; 
	height: auto;
	padding: 0 0 !important;
	display: initial;
	aspect-ratio: 4 / 3;
	overflow: hidden; */
}
#sideslider .side-img {
	width: 200px; 
	height: 100px;
	display: inline-block;
}
#sideslider .side-img img {
	width:auto !important; 
	height: auto;
	display: initial;
	padding: 0 0 !important;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
	/* width: 50% !important; 
	height: auto;
	display: initial;
	padding: 0 0 !important;
	aspect-ratio: 4 / 3;
	overflow: hidden; */
}
.sideContent article:hover {
	scale: 1.1;
	transition: 0.5s;
	cursor: pointer;
}
/* メインの要素の高さを確実に取得するために必要 */
.sideContent .list-grid {
	height: 100px;
}
/**  サイドバー広告(スマホ用) */
.sideContent-phone-area {
	height: 300px;
}
.sideContent-phone {
	display: none;
}
/** サイドバー広告(スマホ用) 背景色  */
.sideContent-phone .sideContent-bg-color {
	background-color: #bbddff;
}

/* サイドバーカード型 */
.sideContent-phone .side-card-list {
	width: 220px !important;
	height: 264px !important;
	background: white;
	margin: 10px 10px;
}

/* サイドバーカード業者名 */
#sidesliderphone .side-header .agency-name {
	font-size: 16px;
	font-weight: bold;
	color: #09619D;
	margin-left: 5px;
}
/* サイドバーカードタイトル */
#sidesliderphone .side-header .title {
	font-size: 13px;
	font-weight: bold;
	margin-left: 5px;
	height: 42px;
	line-height: 20.8px;
}
/* サイドバーカードキャプション */
#sidesliderphone .side-detail .detail-caption {
	display: inline-block;
	width: 56% !important; 
	font-size: 10px;
	padding: 5px;
	height: 90px;
	vertical-align: top;
	line-height: 16px;
}

/* サイドバーカード業者画像 */
#sidesliderphone .side-detail .detail-img {
	display: inline-block;
	width: 40% !important; 
	padding: 5px;
	vertical-align: top;
}
/* サイドバー業者画像 */

#sidesliderphone .side-detail img {
	width:auto !important; 
	height: auto;
	display: initial;
	padding: 0px 3px 10px 3px !important;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
}
#sidesliderphone .side-img {
	width: 200px; 
	height: 100px;
	display: inline-block;
}
#sidesliderphone .side-img img {
	width:auto !important; 
	height: auto;
	display: initial;
	padding: 0 0 !important;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
}
.sideContent-phone article:hover {
	scale: 1.1;
	transition: 0.5s;
	cursor: pointer;
}
#sidesliderphone .slick-arrow :before {
	 font-size: 50px; 
}

/* レスポンシブ対応 */
@media screen and ( max-width:1024px) {
	/** コンテンツ */
	.mainContent {
		margin: auto;
	}
	/**  サイドバー広告 */
	.sideContent {
		display: none;
	}
	/**  サイドバー広告(スマホ用) */
	.sideContent-phone {
		display: block;
	}
}

/* カード型リスト */
.card-prop-list .card-prop-list__item {
	width: 31.3%;
	margin: 0 2% 2% 0;
	border: 1px solid #484848;
	padding: 10px;
	transition: 1s;
}
.card-prop-list .card-prop-list__item:hover {
	scale: 1.1;
}
.card-prop-list .card-prop-list__item:nth-child(3n) {
	margin: 0 0 2% 0;
}
.card-prop-list__item .card-prop-meta-head .caption {
	margin-top: 5px;
}
.card-prop-list__item .card-prop-meta-head .title {
	font-size: 18px;
	font-weight: bold;
}
.card-prop-list__item .card-prop-meta-exp .text {
	font-size: 14px;
	font-weight: bold;
}
.card-prop-meta-exp img {
	max-height: 90px;
}
/* カード型リスト_土地リストのみの設定 */
.card-tochi-list__item {
	cursor: pointer;
}
.card-tochi-list__item .card-prop-meta-head {
	height: 110px;
}
/* .card-tochi-list__item .card-prop-meta-val {
	height: 55px;
} */
/* カード型リスト_新築リストのみの設定 */
.card-model-list__item {
	cursor: pointer;
}
.card-model-list__item .page-block .card-prop-meta-img {
	width: 60%;
}
.card-model-list__item .page-block .card-prop-meta-exp {
	width: 40%;
	margin-left: 5px;
}

/* サイド広告リスト */
.ad-prop-list {
	padding: 10px;
	width: 190px;
	font-weight: bold;
}
/* 新検索画面ヘッダ（選択中の物件） */
.select-header {
	border: 1px solid #484848;
	padding: 10px;
	margin-top: 30px;
	height: 200px;
}
.select-header-detail {
	width: 70%;
	height: 100%;
	display: inline-block;
}
.select-header-image {
	height: 100%;
	float: right;
}
.select-header-image img {
	max-height: 100%;
}

.kokopure-img-area {
	width: 300px;
	text-align: center;
	margin: 50px auto 0 auto;
	cursor: pointer;
}
/* 検索画面_条件部分 */
.select-cond .detail-block {
	margin-bottom: 0px;
}
.select-cond .cond-detail-block p {
	display: inline-block;
	font-size: 18px;
}
.select-cond .cond-detail-block select {
	width: 180px;
}
.select-cond .cond-detail-block .cond-title {
	width: 150px;
}
.select-cond .cond-detail-block .cond-detail {
	width: 180px;
	margin: 0 3px;
	padding: 3px 5px;
}
.under-line {
	margin: 0 3px;
	text-decoration: underline;
}
.cond-opt-text {
	text-decoration: underline;
	cursor: pointer;
}
.cond-opt-text.selected-val {
	color: #4169e1;
}
/* 閲覧数 */
.views-area h3 {
	font-size: 16px;
}
.views-area .views-block {
	width: 30%;
	border: 1px solid #484848;
	text-align: right;
	font-size: 24px;
	padding: 10px;
}

/* 仮審査申込みリスト */
.kari-shinsa-list .kari-shinsa-list__item {
	width: 15%;
	margin: 0 10% 2% 0;
}
.kari-shinsa-list .kari-shinsa-list__item:nth-child(4n) {
	margin: 0 0 2% 0;
}

/* 仮審査申込みリスト */
.mainContent .detail-grid .conditionsArea {
	width: 240px;
	min-width: 240px;
	padding-left: 10px;
}
@media only screen and (min-width: 768px) {
	/* ページ設定_区切り */
	.wrapperContent {
		width: 100%;
		margin: 0 auto;
	}
	.mainContent .top-block {
		-webkit-box-orient: initial;
		-webkit-box-direction: initial;
		-ms-flex-direction: initial;
		flex-direction: initial;
	}
}
/* リフォーム内容 */
.reform-main-img {
	border: 1px solid #484848;
	margin-bottom: 20px;
}
.reform-main-img img {
	width: 100%;
}
.reform-content .reform-content__item {
	width: 23%;
	margin: 0 2.6% 2% 0;
	border: 1px solid #484848;
}
.reform-content .reform-content__item:nth-child(4n) {
	margin: 0 0 2% 0;
}
/* 選択物件 */
.select-prop-item,
.select-symbol-area,
.select-prop-price {
	margin-bottom: 10px;
}
.select-prop-item {
	border: 1px solid #484848;
	padding: 10px;
}
.select-prop-item .select-prop-meta-val p {
	font-size: 16px;
}
.select-prop-item .select-prop-meta-val .title {
	font-weight: bold;
}
.select-symbol-area {
	text-align: center;
}
.select-symbol-area img {
	max-width: 25px;
	max-height: 25px;
}
.select-prop-price .prop-price-text {
	font-size: 12px;
}
.select-prop-btn .block_btn li {
	margin-bottom: 8px;
	font-size: 16px;
}
/* ココプレ_大枠 */
.mainContent .container {
	max-width: none;
	max-height: none;
}
.mainContent .cocopre-main-img {
	border: 1px solid #484848;
	margin-bottom: 10px;
}
.mainContent .cocopre-main-img .kouzu {
	min-width: 100%;
}
/* ココプレ_メニュー領域 */
.mainContent .cocopre-menu-box {
	background-color: #bad068;
	padding: 10px;
}
/* ココプレ_新築svg部分 */
.mainContent .cocopre-svg-assets {
	margin-right: 10px;
}
.mainContent .cocopre-svg-assets .cocopre-svg-box {
	background-color: #fff;
	height: 100%;
	display: flex;
    align-items: center;
	max-width: 88px;
}
.mainContent .cocopre-svg-assets .cocopre-svg-box .dragmodel {
	max-height: 110px;
}
.dragmodel {
	cursor: grab;
}
/* ココプレ_新築svgドラッグアイテム */
.isdragging {
	position: fixed;
}
/* ココプレ_ゴミ箱部分 */
.mainContent .cocopre-item-assets .cocopre-trash-box {
	position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
}
.mainContent .cocopre-item-assets .cocopre-trash-box .kokopre-trash img {
	cursor: pointer;
}
/* ココプレ_ココプレアイテム部分 */
.mainContent .cocopre-item-assets {
	width: 445px;
	position: relative;
}
.mainContent .cocopre-item-assets .cocopre-item-box {
	background-color: #fff;
	height: 100%;
	padding: 5px 0;
	position: relative;
	text-align: center;
}
.mainContent .cocopre-item-assets .cocopre-item-box .cocopre-item {
	height: 60px;
	width: 90%;
	box-sizing: border-box;
	padding: 5px 0px;
	position: relative;
	display: inline-flex;
	flex-direction: row;
	top: 60%;
	transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
}
.mainContent .cocopre-item-assets .cocopre-item-box .cocopre-item img {
	transform: rotate(-90deg);
	width: auto;
	height: 100%;
	float: left;
	display: block;
	margin-right: 40px;
	pointer-events: auto;
	cursor: grab;
}
.mainContent .cocopre-item-assets .cocopre-item-box .cocopre-menu-symbol:first-child {
	position: absolute;
	left: 3px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.mainContent .cocopre-item-assets .cocopre-item-box .cocopre-menu-symbol:last-child {
	position: absolute;
	right: 3px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
/* ココプレ 合計額 */
.kokopre-info-area .prop-price-total {
	font-weight: bold;
	font-size: 20px;
	color: #00987E;
}
.kokopre-info-area .prop-price-another-total {
	font-size: 15px;
}
.kokopre-info-area .prop-price-repayment {
	font-weight: bold;
	font-size: 20px;
	text-decoration: underline;
}
.kokopre-info-area .prop-price-text {
	line-height: 1em;
}

/* モーダル系 */
.yestate-modal-open {
	overflow: hidden;
}
/* モーダルウィンドウ全体のレイアウト（画面いっぱいに表示） */
.yestate-modal {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	/* overflow-y:scroll; */
}
/* 黒背景の設定 */
.yestate-modal_bg {
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}
/* 背景色無し */
.yestate-modal_bgcolor_none {
	height: 100%;
	width: 100%;
}
/* ウィンドウの設定 */
.yestate-modal_content {
	position: fixed;
	min-width: 700px;
	max-width: 700px;
	width: 50%;
	height: calc(100vh - 85px);
	top: calc(50% + 30px);
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 0.3rem;
	overflow-y:scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.yestate-modal_content.modal_small {
	width: 30%;
}
.yestate-modal_content::-webkit-scrollbar {
	display:none;
}
.yestate-modal_content_header {
	position: relative;
	padding: 24px;
}
.yestate-modal_content_inner {
	position: relative;
	padding: 24px;
}
/* 閉じるボタン */
.yestate-modal_close {
	position: absolute;
	top: 13px;
	right: 10px;
}
.yestate-modal .title-area .grid_ttl {
	background: #087F83;
	color: #FFFFFF;
	text-align: center;
	font-size: 36px;
	letter-spacing: 20px;
	margin-bottom: 30px;
}
.yestate-modal .h2_ttl {
	color: #087F83;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.yestate-modal .caption {
	font-size: 24px;
}
.yestate-modal .title {
	font-size: 24px;
	font-weight: bold;
}
.yestate-modal .text {
	font-size: 20px;
}
.yestate-modal .detail-text {
	font-size: 20px;
	/* text-decoration:underline; */
}
/* 画像表示ダイアログの設定 */
.header-view-modal_content {
	position: fixed;
	max-width: 840px;
	min-width: 840px;
	width: 50%;
	top: 80px;
	left: calc(50% - 420px);
	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 0.3rem;
}
/* ココプレinfoダイアログの設定 */
.kokopre-info-modal {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3001;
}
.kokopre-info-modal_content {
	position: fixed;
	height: calc(100vh - 60px - 20px);
	min-height: 400px;
	aspect-ratio: 997 / 1489; /* 画像サイズ */
	top: 60px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 0.3rem;
	margin-top: calc((100vh - 60px) /2);
	margin-left: calc(50% - 500px /2);
	transform: translate(0, -50%);
}
/* 閉じるボタン */
.kokopre-info-modal_close {
	position: absolute;
	top: -10px;
	right: 1px;
}
.kokopre-info .btn {
	width: 100%;
	padding: 5px 5px 5px 5px;
	display: block;
	position: relative;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	line-height: 2;
	transition-timing-function: linear;
	transition-duration: .2s;
	transition-property: background-color, color, opacity;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.kokopre-info-start {
    width: 80%;
	margin: -18% auto;
}
/* 画像レイヤー設定_共通 */
.img-layer-area {
	position: relative;
	height: 100%;
	width: 100%;
}
.img-layer-area .layer-img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}
.img-layer-area .layer-item {
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 15px;
}
/* 下部項目 */
.img-layer-area .layer-bottom-info {
	position: absolute;
	height: 25%;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
}
/* 画像レイヤー設定_サブ画像 */
.img-layer-area .layer-sub-img {
	position: absolute;
	width: 25%;
}
/* 右上 */
.img-layer-area .layer-top-right-item {
	margin: 15px 15px 0 0;
	top: 0;
	right: 0;
}
/* 右下 */
.img-layer-area .layer-bottom-right-item {
	margin: 0 15px 15px 0;
	bottom: 0;
	right: 0;
}
/* 左下 */
.img-layer-area .layer-bottom-left-item {
	margin: 0 0 15px 15px;
	bottom: 0;
	left: 0;
}
/* 左上 */
.img-layer-area .layer-top-left-item {
	margin: 15px 0 0 15px;
	top: 0;
	left: 0;
}
.dropdown-bottom-area {
	height: 100%;
}
@keyframes fadeAnime{
	100%{ color : black; background:white }
	 50%{ color : black; background:white }
	  0%{ color : white; background:white   }
}
#process-loading {
	width:100%;
	height:100%;
	position:fixed;
	top:0%;
	left:0%;
	background:url('/img/loading_thumb_2.gif');
	background-color:#fff;
	background-position: center center;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index:100;
	display:none;
	background-repeat:no-repeat;
}
/* テンプレート要素 */
.card-prop-list__item-temp {
	display: none;
}
/* 
/* 営業ツールとしてのココプレ・セルフ住宅展示場とは・地価天気予報とは css
----------------------------------------------- */
.more-guide .page-view h2.maker_ttl {
	line-height: 1.4;
}
.more-guide .page-view h2.maker_ttl span {
	display: block;
	font-weight: bold;
	line-height: 1.2;
}
.more-guide .page-view h2.maker_ttl span.green {
	color: #087F83;
}
.maker-grid .page-block {
	border-bottom: 1px solid #cccccc;
}
.maker-grid .page-block:last-child {
	border-bottom: none;
}
.maker-grid .page-block .contentArea h3 {
	color: #087F83;
	font-weight: bold;
}
.maker-grid .page-block .contentArea p span {
	font-weight: bold;
}
/* 
/* 運営会社画面共通 css
----------------------------------------------- */
.more-guide .company-view {
	padding: 0;
}
.more-guide .company-view .header-view-bgImg::before {
	background: linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%);
}
.company-grid .message-block p.caption,
.company-grid .profile-block p.name {
	font-weight: bold;
}
.company-grid .philosophy-grid h3.h3_ttl {
	text-align: left;
}
.company-grid .profile-block h4.h4_ttl {
	color: #087F83;
	font-weight: bold;
}
.company-grid .overview-grid dl {
	width: 100%;
	display: table;
	border-bottom: 1px dashed #087F83;
}
.company-grid .overview-grid dl:first-child {
	border-top: 1px dashed #087F83;
}
.company-grid .overview-grid dl dt,
.company-grid .overview-grid dl dd {
	display:table-cell;
	vertical-align: middle;
}
/* 
/* 物件カード・新築カード 共通css
----------------------------------------------- */
.post-list__item .list-title {
	width: 65%;
	color: #FFFFFF;
	background-color: #005cb2;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	padding: 3px;
}
.post-list__item .list-no {
	font-size: 12px;
	width: 35%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	padding: 3px;
	border-bottom: 1px solid #808080;
}
.post-list__item .list-no span{
	font-size: 11px;
}
.post-list__item .salespoint {
	max-height: 40px;
	margin-bottom: 8px;
	font-weight: bold;
	overflow: hidden;
}
.post-list__item .trafic {
	max-height: 40px;
	overflow: hidden;
}
.post-list__item .salespoint div{
	font-weight: bold;
	display: inline-block;
}
.post-list__item .contentArea > div {
	margin-left: 10px;
}
.post-list__item .space-left {
	margin-left: 5px;
}
.post-list__item.yestate-height {
	height: 540px;
}
.post-list__item.agency-height {
	height: 450px;
}
.post-list__item.housemaker-height {
	height: 350px;
}
.post-list__item .post-list-image {
	width: auto;
	aspect-ratio: 4 / 3;
    overflow: hidden;
	background-color: #e0e0e0;
	text-align: center;
}
.post-list__item .post-list__img img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}
:root {
	--list-guide-post-list__item-width: 300px; 
}
.list-guide .post-list__item {
    width: var(--list-guide-post-list__item-width);
    margin: 0 1% 2% 1%;
	position: relative;
}
.list-guide .dummy-card {
    width: 300px;
    margin: 0 1% 2% 1%;
}

.list-guide .post-list__item .views {
	font-size: 12px;
	margin-top: auto;
	margin-left: auto;
	color: #FFFFFF;
	background-color: #087F83;
	position: absolute;
	bottom: 0;
	right: 0;
}
.list-guide .post-list__item .list-card-area {
	flex-direction: column;
    display: flex;
    height: 100%;
}
.post-list__item .post-date,
.list-card-area .contentArea {
	line-height: 1.3em;
}
/* 物件カード アイコン */
.list-guide .post-list__item .icon_area {
	display: flex;
	width: 95%;
	height: 28px;
	margin: auto auto 5px auto;
}
.list-guide .post-list__item .icon_area div {
	width: 8.3%;
	margin-right: 0.5%;
	margin-left: 0.5%;
}
.list-guide .post-list__item .icon_area div img {
	border: solid 1px;
    border-radius: 6px;
}
/* セールスポイント */
.post-list__item.agency-height .salespoint,
.post-list__item.yestate-height .salespoint,
.post-list__item.card-tochi-list__item .salespoint {
	padding: 0 5px;
}
/* 各不動産業者ページ　リクエストカード */
.list-guide .post-list__item.request-agency {
	background-color: #0d9344 !important;
}
.list-guide .post-list__item.request-agency .title {
	font-size: 24px;
	font-weight: bold;
	color: #0d9344;
	-webkit-text-stroke: 1px #FFFFFF;
	position: absolute;
    top: 0;
    left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.list-guide .post-list__item.request-agency .link-text {
	margin-top: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.list-guide .post-list__item.request-agency .triangle {
	font-size: 35px;
}
.list-guide .post-list__item.request-agency a {
	position: relative;
}
.list-guide .post-list__item.request-agency img {
	opacity: 0.9;
	padding: 11px;
    background-color: #FFFFFF;
    box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
	width: 250px;
	height: 250px;
}
.estate_list .none-text {
	width: 100%;
	margin-left: 1%;
}
.page-guide .page-block.estate_list {
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	
}
/* 
/* 物件一覧・新築一覧 共通css
----------------------------------------------- */
/* -------　一覧ページ　------- */
.refine-box{
	border-bottom: 1px solid #bbbbbb;
}
.refine-box .refine-list__item{
	display: inline-block;
	text-align: center;
	position: relative;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 10px;
}

.refine-box .refine-list__item select{
	width: 100%;
	position: relative;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	color: #666666;
}
.refine-box .refine-list__item select::-ms-expand{
    display: none;
}
.refine-box .refine-list__item::before{
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.refine-box .search-btn{
	display: inline-block;
	text-align: center;
	position: relative;
	margin-right: 158px;
}
.vertical-align-top {
	vertical-align: top;
}
.displaynone {
	display: none;
}
label[for="check"] {
	display: block;
	width: 200px;
	padding: 3px;
    text-align: left;	
}
label[for="check1"] {
	display: block;
	width: 150px;
	padding: 3px;
    text-align: left;
}
label[for="check2"] {
	display: block;
	width: 180px;
	padding: 3px;
    text-align: left;
}

.list-search-box1 {
	border: 1px solid #808080;
	width: 150px;
	margin-top: 30px;
	padding: 5px 0 10px 5px;
	font-size: 13px;	
}

.list-search-bar {
	height: auto;
	width: auto;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 0;
	font-size: 13px;
} 
.list-search-bar-yscroll {	
	max-height: 200px;
	overflow-y: scroll;
	width: auto;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 0;
	font-size: 13px;
} 
#check , #check1 {
	display: none;
}
/* 空白箇所をクリックしてもチェックできるように */
.refine-list__item .list-checkbox li label {
	display: block;
	width: 100%;
	cursor: pointer;
}
/* チェックボックスのカーソル変更 */
.refine-list__item .list-checkbox li label input[type="checkbox"] {
	cursor: pointer;
}
.fukusuu {
	font-size: 10pt;
}
.cursor-pointer{
	cursor: pointer;
}
.search-result {
	position: relative;
	bottom: 2px;
	right: 3px;
	font-size: 15px;
	margin-left: 15px;
	display: inline-block;
}
.search-result1 {
	position: relative;
	top: 1px;
	right: 3px;
	font-size: 25px;
	color: #4169e1;
}
.searchInput {
	position: relative;
}
.button {
	display: inline-block;
	font-size: 8pt;        
	text-align: center;     
	cursor: pointer;    
	padding: 8px 10px;   
	background: #94caffde;     
	color: #0f0fca;    
	line-height: 1em;         
	transition: .3s;        
	border: 2px solid #6495ED;  
	position: relative;
	right: 3px; 
}
.button1 {
    display: inline-block;
    font-size: 8pt;        
    text-align: center;      
    cursor: pointer;     
    padding: 8px 10px;   
    background: #ffffff;     
    color: #4169e1;     
    line-height: 1em;         
    transition: .3s;        
    border: 2px solid #4169e1;  
    position: relative;
    right: 3px; 
}
.button2 {
    display: inline-block;
    width: 140px;
    font-size: 12pt;        
    text-align: center;     
    cursor: pointer;    
    padding: 8px 10px;   
    background: #4169e1;    
    color: #FFFFFF;    
    line-height: 1em;         
    transition: .3s;        
    border: 2px solid #4169e1;  
    position: relative;
    right: 3px; 
}
.button3 {
    display: inline-block;
    font-size: 8pt;        
    text-align: center;     
    cursor: pointer;    
    padding: 8px 10px;   
    background: #006666;    
    color: #FFFFFF;    
    line-height: 1em;         
    transition: .3s;        
    border: 2px solid #006666;  
    position: relative;
    right: 3px; 
}
.refine-box .switch-list__item {
	position: relative;
	display: inline-block;
}
.refine-box .switch-list__item dl {
	display: table;
}
.refine-box .switch-list__item dt,
.refine-box .switch-list__item dd {
	display: table-cell;
	vertical-align: middle;
}
.refine-box .switch-list__item button {
	display: block;
	background: #EFEFEF;
	border: 1px solid #EBEBEB;
	position: relative;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.refine-box .switch-list__item button.showbtn {
	background: #087F83;
	border: 1px solid #087F83;
}
.refine-box .switch-list__item button i {
	position: absolute;
	font-weight: 900;
	top: 0;
}
.refine-box .switch-list__item button.hiddenbtn i {
	left: 0;
	line-height: 1;
	background: #727272;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #FFFFFF;
}
.refine-box .switch-list__item button.showbtn i {
	right: 0;
	color: #FFFFFF;
}
/* 
* 物件・新築詳細 css
----------------------------------------------- */
/* トップ画像 */
.header-view-img {
	display: block;
	height: 443px;
	width: 100%;
	margin: 0 auto;
	border: 8px solid #222222;
}
/* トップ画像_サブ画像 */
.header-view-img .layer-sub-img {
	border: 1px solid #484848;
}
/* トップ画像_下部エリア */
.header-view-img .header-view-bottom-info {
	position: absolute;
	/* top: 5px; */
	bottom: 5px;
	right: 5px;
	left: 5px;
	background-color: rgb(0,0,0,0.5);
	padding: 10px 0;
}
.header-view-img .icon-area {
	display: flex;
}
/* トップ画像_下部エリア_アイテム */
.header-view-img .header-view-bottom-info .header-view-bottom-item {
	width: 8%;
	text-align: center;
	margin: auto 1%;
	position   : relative;  
}
.header-view-img .header-view-bottom-info .photo-icon {
	margin-left: auto;
}
.header-view-img .header-view-bottom-info .header-view-bottom-item img {
	cursor: pointer;
}
/* アイコンホバー時の吹き出し */
.header-view-img .header-view-bottom-info .header-view-bottom-item:hover span {
	display: inline; 
}
.header-view-img .header-view-bottom-info .header-view-bottom-item span {
	position: absolute;
	display: none;
	background-color: #ffffff;
	width: 120px;
	right: 50%;
	bottom: 100%;
	left: 50%;
    transform: translateX(-50%);
	margin-bottom: 12px;
	font-size: 80%;
	border: solid 2px #000000;
}
/* アイコンホバー時の吹き出し(三角形枠線) */
.header-view-img .header-view-bottom-info .header-view-bottom-item span:before  {
	border-top: 13px solid #000000;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	bottom: -14px;
	left: 50%;
    transform: translateX(-50%);
	content: "";
	position: absolute;
}
/* アイコンホバー時の吹き出し(三角形背景色) */
.header-view-img .header-view-bottom-info .header-view-bottom-item span:after {
	border-top: 12px solid #ffffff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: -12px;
	left: 50%;
    transform: translateX(-50%);
	content: "";
	position: absolute;
}
/* トップ画像_下部エリア_全ての写真を見る */
.header-view-img .header-view-bottom-info .header-view-bottom-v-all {
	text-align: center;
	margin-right: 10px;
	cursor: pointer;
}
.header-view-img .header-view-bottom-info .header-view-bottom-v-all p {
	color: #fff;
	font-size: 12px;
}
.header-view-img .header-view-bottom-info .header-view-bottom-v-all p,
.header-view-img .header-view-bottom-info .header-view-bottom-v-all div {
	display: inline-block;
}

.header-info-area hr {
	margin: 0 0 5px 0;
	width: 100%;
}
.detail-grid .header-info-area .header-info-contents {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
.detail-grid .header-info-area .header-info-contents .right-contents {
	display: flex;
	height: auto;
	flex-direction: column;
}
.detail-grid .header-info-area .header-info-contents .right-contents .views-area {
	margin-left: auto;
	margin-bottom: 3px;
}
.detail-grid .header-info-area .header-info-contents .right-contents .web-conter {
	width: fit-content;
	background-color: #087F83;
	color:#FFFFFF;
	padding: 3px;
	display: inline-block;
    vertical-align: top;
}
.detail-grid .header-info-area .header-info-contents .right-contents .fav-button-area {
	margin: 0;
}
/* この物件についてさらに詳しく */
.header-info-transition > .transition-detail-text {
	color: #4169e1;
	cursor: pointer;
	text-decoration: underline;
}
/* 諸元項目 */
.detail-grid .item-block .table_a {
	border: 1px solid #bbbbbb;
	font-size: 12px;
}
.detail-grid .item-block .table_a tr {
	outline: 1px solid #bbbbbb80;
	line-height: 1.8em;
}
.detail-grid .item-block .table_a th {
	background-color: #eaeaea;
    border-right: 2px solid #bbbbbb80;
    font-weight: bold;
    width: 123px;
    text-align: left;
    padding-left: 2px;
}
.detail-grid .item-block .table_a td {
    max-width: 200px;
    overflow-wrap: break-word;
	padding-left: 2px;
}
/* 諸元項目 セールスポイントなど */
.detail-grid .item-block .table_c {
    table-layout: fixed;
    overflow-wrap: break-word;
    border: 1px solid #bbbbbb;
	font-size: 12px;
}
.detail-grid .item-block .table_c tr {
	outline: 1px solid #bbbbbb80;
}
.detail-grid .item-block .table_c th {
	background-color: #eaeaea;
    border-right: 2px solid #bbbbbb80;
    font-weight: bold;
    text-align: left;
    width: 123px;
    padding: 0px 0px 20px 2px;
}
.detail-grid .item-block .table_c td {
	border-right: 1px solid #bbbbbb;
    padding-left: 2px;
    overflow-wrap: break-word;
}
/* 画面下部 閲覧数カウンター */
.web-counter-block .web-counter-contents {
	width: 100%;
    height: auto;
    max-width: 220px;
    margin: auto;
}
.web-counter-block .web-counter-contents .web-counter-title {
	font-size: 15pt;
    font-weight: bold;
}
.web-counter-block .web-counter-contents .web-counter {
	display: flex;
	margin-top: 5px;
}
.web-counter-block .web-counter-contents .web-counter .web-counter-item {
	width: 15%;
	margin: 0 1%;
	font-size: 18pt;
	font-weight:  bold;
	border : solid 3px #000000;
}
/* お気に入りに登録ボタン(オレンジ) */
.fav-content-block {
	display: -webkit-box;
	display: -ms-flexbox;
	position: relative;
}
.detail-grid .fav-content-block .btn-block {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}
.detail-grid .fav-content-block .btn-block .block_btn {
	padding: 0;
}
.detail-grid .fav-content-block .btn-block .block_btn li {
	font-size: 14px;
}
.detail-grid .fav-content-block .btn-block .block_btn li .favorite-img-button.active {
	pointer-events: none;
}
.detail-grid .fav-content-block .btn-block .block_btn li .favorite-img-button.active img {
	opacity: 0.5;
}
.detail-grid .fav-content-block .btn-block .block_btn li .favorite-img-button {
	cursor: pointer;
}
.detail-guide .fav-content-block a img {
	width: 300px;
}
/* 他の物件を見る */
.transition-btn {
	margin-top: 40px;
	margin-bottom: 25px;
}
/* ダイアログ */
/* 画像プレビュー */
.header-view-title-line .title-area {
	background-color: #005726;
}
.header-view-title-line section {
	padding-top: 35px;
	background-color: #fff;
}
.header-view-title-line section.full-screen {
	height: 450px;
	padding-top: 0 !important;
}
.header-view-title-area {
	display: flex;
	padding: 10px 0px;
}
.header-view-closebtn {
	font-size: 20px;
	color: white;
}
.header-view-title-line {
	border-left: #005726 solid 10px;
	border-right: #005726 solid 10px;
	border-bottom: #005726 solid 10px;
	height: auto;
	background-color: initial;
}
/* ヘッダーのアイコンの設定 */
.header-view-title-item {
	width: 8%;
    text-align: center;
    margin: auto 1%;
    position: relative;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
	color: rgba(255,255,255,0.5);
}
/* 選択されている項目の色の設定 */
.header-view-title-item.tab-active, .header-view-title-list .header-view-title-item:hover label {
	color: white;
}
/* 間取り敷地図にポインター付与 */
.header-view-title-list .header-view-title-item label {
	cursor: pointer;
}
/* 選択されているまたはホバーしたときのヘッダー画像の透過度の設定 */
.header-view-title-item.tab-active img, .header-view-title-list .header-view-title-item:hover img {
	opacity: 1 !important;
}
/* 選択されていないヘッダー画像の透過度の設定 */
.header-view-title-list .header-view-title-item img {
	cursor: pointer;
	opacity: 0.5;
}
/* ヘッダー画像にホバーしたときの吹き出しの設定 */
.header-view-title-list .header-view-title-item:hover span {
	display: inline; 
}
.header-view-title-list .header-view-title-item span {
	position: absolute;
	display: none;
	background-color: #ffffff;
	width: 120px;
	right: 50%;
	top: 60px;
	left: 50%;
    transform: translateX(-50%);
	margin-bottom: 12px;
	font-size: 80%;
	border: solid 2px #000000;
	color: black;
}
/* アイコンホバー時の吹き出し(三角形枠線) */
.header-view-title-list .header-view-title-item span:before  {
	border-top: 13px solid #000000;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	bottom: 20px;
	left: 50%;
    transform: translateX(-50%)rotate(180deg);
	content: "";
	position: absolute;
}
/* アイコンホバー時の吹き出し(三角形背景色) */
.header-view-title-list .header-view-title-item span:after {
	border-top: 12px solid #ffffff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: 20px;
	left: 50%;
    transform: translateX(-50%)rotate(180deg);
	content: "";
	position: absolute;
}
.header-view-img-tab {
	display: none;
}
.header-view-img-tab.tab-active {
	display: block;
}
.slider-container{
	width:78%;
	margin:0 auto 0;
}
.thumbs-container{
	margin:0 auto 0;
	border-top:10px solid #005726;
}
/* 写真/間取りダイアログ Slickライブラリのサムネイル一覧エリア 選択中の画像エリア */
#picturethumbs .slick-current, #kouzuthumbs .slick-current {
	outline: 4px solid lawngreen;
	outline-offset: -4px;
}
/* 写真/間取りダイアログエリア */
#picturethumbs .slick-slide img, #kouzuthumbs .slick-slide img {
	/* max-width:125px; */
	max-width:100%;
	max-height: calc(125px * 0.75);
	cursor: pointer;
}
#pictureslider img, #picturethumbs img, #kouzuslider img, #kouzuthumbs img {
    margin: 0 auto;
	padding: 0 !important;
	max-height: 384px;
}
#pictureslider p, #kouzuslider p {
	min-height: 35px;
}
.slick-prev,.slick-next{
	z-index:2;
}
button.slick-prev {
	left: -15%;
}
button.slick-next {
	right: -10%;
}
#pictureslider .slick-prev:before , #kouzuslider .slick-prev:before {
	color: #005726 !important;
    border-top: 28px solid transparent;
    border-right: 30px solid;
    border-bottom: 28px solid transparent;
    bottom: -100%;
    left: 50%;
    content: "";
    position: absolute;
}
#pictureslider .slick-next:before , #kouzuslider .slick-next:before {
	color: #005726 !important;
    border-top: 28px solid transparent;
    border-left: 30px solid;
    border-bottom: 28px solid transparent;
    bottom: -100%;
    left: 50%;
    content: "";
    position: absolute;
}
/* 手順部分 */
.procedure-row dl.procedure {
	width: 560px;
	display: table;
	border: 1px solid #087F83;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-left: 30px;
	margin: 0 auto 10px auto;
}
.procedure-row dl.procedure dt, dl.procedure dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}
.procedure-row dl.procedure dt {
	width: 100px;
	color: #087F83;
}
.procedure-row dl.procedure dt span {
	font-size: 24px;
	font-weight: bold;
	padding-left: 5px;
}
.about-guide .flow-list .flow-items{
	position: relative;
	padding-right: 30px;
	margin-right: 20px;
}
.about-guide .flow-list .flow-items:before{
	display: block;
	content: "";
	position: absolute;
	top: 50px;
	right: 0;
	width: 30px;
	height: 20px;
	background-size: 30px 20px;
	background-image: url(../images/top/flow_arrow.svg);
}
.about-guide .flow-list .flow-items:last-child{
	padding-right: 0;
	margin-right: 0;
}
.about-guide .flow-list .flow-items:last-child:before{
	content: none;
}
.yestate-modal .cocopre-about .flow-list .flow-items {
	margin-right: 1%;
	padding-right: 3%;
}
.yestate-modal .cocopre-about .flow-list .flow-items:nth-child(5n-4) {
	width: 18%;
}
.yestate-modal .cocopre-about .flow-list .flow-items:nth-child(5n-3) {
	width: 19.4%;
}
.yestate-modal .cocopre-about .flow-list .flow-items:nth-child(5n-2) {
	width: 24.3%;
}
.yestate-modal .cocopre-about .flow-list .flow-items:nth-child(5n-1) {
	width: 16.5%;
}
.yestate-modal .cocopre-about .flow-list .flow-items:nth-child(5n-0) {
	width: 17.8%;
	margin-right: 0;
	padding-right: 0;
}
/* ココプレ説明 */
#kokopureInfoModal > .yestate-modal_content > .yestate-modal_content_inner {
	padding: 0;
}
#kokopureInfoModal > .yestate-modal_content  .cocopre-about {
	border: none;
	padding: 0;
}
#kokopureInfoModal > .yestate-modal_content .kokopureInfoModalClose {
	position: absolute;
	top: -5px;
    right: 5px;
}
#kokopureInfoModal .kokopureInfoModalClose > span {
	font-size: 30px;
	color: #FFFFFF;
}

#kokopureInfoModal > .yestate-modal_content .contactbtn-guide {
    width: 100%;
    position: absolute;
	bottom: 0;
    left: 0;
}
/* 新フォーマット対応 */
/** 詳細画面上部  */
.mainArea > .detail-guide > .detail-header-contents,
.mainArea > .detail-guide > .detail-grid > .detail-body-contents  {
	width: 65%;
	margin: 0 auto;
}
.mainArea > .detail-guide > .detail-header-contents > .header-view-area {
	margin-top: 10px;
	margin-bottom: 10px;
}
.header-info-area > .header-info-contents > div:first-child {
	width: 75%;
}
.header-info-area > .header-info-contents > div:last-child {
	width: 25%;
}
.header-info-area > .header-info-contents > div > p {
	font-size: 14px;
}
.header-info-area  > h2 > span {
	font-size: 14px;
}
/** お気に入り登録ボタン */
.header-info-area > .header-info-contents > div:last-child > .fav-button-area {
	margin-top: 10px;
}
/** 物件詳細,新築詳細 ココプレ遷移新築カード、リフォームカード */
.kokopure-card-list {
	padding: 10px;
	background-color: #004890;
}
.kokopure-card-list > p, .reform-card-list > p {
	color: #FFFFFF;
	margin-bottom: 15px;
}
.kokopure-card-list > .kokopure-card-item {
	display: flex;
	align-items: center;
	height: 200px;
}
.kokopure-card-list > .kokopure-card-item > div {
	width: 90%;
    margin: auto;
}
/* .kokopure-card-list > .kokopure-card-item > div:first-child,
.kokopure-card-list > .kokopure-card-item > div:last-child {
	width: 5%;
} */
.kokopure-card-item > div > .dropdown-left {
    display: block;
    width: 12px;
    height: 12px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 0 auto 0 0;
}
.kokopure-card-item > div > .dropdown-right {
    display: block;
    width: 12px;
    height: 12px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 0 0 auto;
}
:root {
	/** スライド広告新築カード width */
	--card-prop-list__item-width: 260px;
}
.kokopure-card-item > .card-prop-list > .card-prop-list__item {
	width: var(--card-prop-list__item-width);
    padding: 0;
    background-color: #FFFFFF;
    margin: 0 12px 2% 0;
    border: 1px solid #484848;
    transition: 1s;
    zoom: 0.582;
}
.kokopure-card-item > .card-prop-list > .card-prop-list__item:hover {
	scale: 1.1;
	border: 1px solid #6BCFF6;
}
.kokopure-card-item > .card-prop-list > .card-prop-list__item .post-list-title > div {
	font-size: 14px !important;
}
/*Firefox用*/
@-moz-document url-prefix(){
	.kokopure-card-list > .kokopure-card-item > div {
		margin: 0;
	}
	.kokopure-card-item > .card-prop-list > .card-prop-list__item {
		transform-origin: 50% 50%;
		transform: scale(0.552);
		margin: 0 calc(var(--card-prop-list__item-width) / 2.5 * -1) 2% 0;
	}
}
/* リフォームの場合の設定 */
.reform-card-list {
	padding: 7px;
	background-color: #004890;
}
.reform-card-list > .reform-card-item {
	display: flex;
	align-items: center;
	height: 230px;
	zoom: 0.88;
}
.reform-sub-block .reform-sub-item:hover{
	border-color: #6BCFF6;
	scale: 1.1;
}
/* スライド広告画像 */
.reform-sub-img {
	text-align: center;
	background-color: #e0e0e0;
}
/* スライド広告画像 */
.reform-sub-img img {
	max-width: 100%;
	max-height: 130px;
}
/* スライド広告 各アイテム */
.reform-sub-block .reform-sub-item {
	margin: 0 10.5px;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #036EB8;
	transition: 0.5s;
	width: 180px;
}
.reform-sub-head {
	text-align: center;
	padding: 1%;
}
.reform-sub-head .title {
	font-size: 15px;
	font-weight: bold;
}
.reform-sub-head > .text {
	font-size: 11px;
	text-align: left;
}
.reform-sub-head > .price.text {
	display: flex;
}
.reform-sub-head > .detil {
	font-size: 11px;
	text-align: right;
	color: #147E77;
	text-decoration: underline;
}
/** 詳細画面下部 */
.mainArea > .detail-guide > .detail-grid > .detail-body-contents > div.detail-block {
	margin-bottom: 30px;
}
.mainArea > .detail-guide > .detail-grid > .detail-body-contents > section.detail-grid {
	margin-top: 30px;
}

/** 諸元項目 */
.mainArea > .detail-guide > .detail-grid > .detail-body-contents .main {
	width: 100%;
}
.mainArea > .detail-guide > .detail-grid > .detail-body-contents .main > div:first-child {
	margin: 0;
	width: calc(50% - var(--m));
}
.mainArea > .detail-guide > .detail-grid > .detail-body-contents .main > div:last-child {
	margin: 0 0 0 auto;
	width: calc(50% - var(--m));
}
.mainArea > .detail-guide > .detail-grid > .detail-body-contents > .contactbtn-guide {
	padding: 10px 0;
} 
/** お気に入り登録ボタン */
.mainArea > .detail-guide > .detail-grid > .detail-body-contents .fav-content-block {
	margin-top: 30px;
}
/** サイドバーが出ている場合のトップへ戻るボタン */
.mainArea > .detail-guide > .detail-grid > .detail-body-contents > section.detail-grid > .page-top {
	border: none;
}

/* レスポンシブ対応 */

/* @media only screen and (min-width: 736px) and (max-width: 1024px){
	 画像プレビューダイアログ　画像 
	.header-view-modal_content .header-view-img-tab img {
		width: auto !important;
	}
}
@media only screen and (max-width: 767px) {

	.header-view-modal_content {
		min-width: 400px !important;
	}
	.header-view-modal_content .page-guide p, .header-view-modal_content .about-grid p{
		font-size: 15px !important;
	}
} */

@media only screen and (max-width: 767px) {
	/* 物件一覧 */
	div#select-card-list .card-prop-list__item {
		width: auto !important;
		max-width: 300px !important;
	}
}
/* ココプレ画面 */
/* @media screen and (max-width: 1200px){ 
	　ココプレアイテム
	.cocopre-item-assets {
		overflow-x: hidden;
		background-color: #fff
	}
} */
@media only screen and (max-width: 767px) {
	.detail-block.page-block {
		display: block;
		margin-top: 5px;
	}
}

/*----------------------------------------------- 
/* レスポンシブ
----------------------------------------------- */
@media only screen and (max-width: 767px) {
	.more-guide .maker-grid {
		padding: 3% 0 0 0;
	}
	.maker-grid .page-block {
		display: block;
		padding-bottom: 5%;
		margin-bottom: 6%;
	}
	.more-guide .page-view h2.maker_ttl span {
		font-size: 5vw;
	}
	.more-guide .page-view h2.maker_ttl span.green {
		font-size: 4.4vw;
	}
	.maker-grid .page-block .imgArea {
		width: 100%;
		margin-bottom: 3%;
	}
	.maker-grid .page-block .contentArea {
		width: 100%;
	}
	.maker-grid .page-block .contentArea h3 {
		font-size: 4.4vw;
		margin-bottom: 2%;
	}
	.maker-grid .page-block .contentArea p {
		font-size: 3.6vw;
	}
}
@media only screen and (min-width: 768px) {
	.maker-grid .page-block .imgArea {
		width: 40%;
	}
	.maker-grid .page-block .contentArea {
		width: 60%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.more-guide .maker-grid {
		padding: 20px 0 0 0;
	}
	.more-guide .page-view h2.maker_ttl span {
		font-size: 30px;
	}
	.more-guide .page-view h2.maker_ttl span.green {
		font-size: 26px;
	}
	.maker-grid .page-block {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.maker-grid .page-block .contentArea {
		padding: 0 0 0 2%;
	}
	.maker-grid .page-block_row .contentArea {
		padding: 0 2% 0 0;
	}
	.maker-grid .page-block .contentArea h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.maker-grid .page-block .contentArea p {
		font-size: 14px;
	}
}
@media screen and (min-width: 1025px) {
	.more-guide .maker-grid {
		padding: 30px 0 0 0;
	}
	.more-guide .page-view h2.maker_ttl span {
		font-size: 38px;
	}
	.more-guide .page-view h2.maker_ttl span.green {
		font-size: 30px;
	}
	.maker-grid .page-block {
		padding-bottom: 47px;
		margin-bottom: 47px;
	}
	.maker-grid .page-block .contentArea {
		padding: 0 0 0 47px;
	}
	.maker-grid .page-block_row .contentArea {
		padding: 0 47px 0 0;
	}
	.maker-grid .page-block .contentArea h3 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.maker-grid .page-block .contentArea p {
		font-size: 16px;
	}
}

/*----------------------------------------------- 
/* レスポンシブ
----------------------------------------------- */
@media only screen and (max-width: 767px) {
	.company-grid .message-grid {
		margin-bottom: 5%;
	}
	.company-grid .message-grid .page-block {
		display: block;
	}
	.company-grid .message-block {
		margin-bottom: 3%;
	}
	.company-grid .message-block p.caption {
		font-size: 4vw;
		line-height: 1.4;
		margin-bottom: 2%;
	}
	.company-grid .message-block p.text {
		font-size: 3.6vw;
	}
	.company-grid .profile-block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.company-grid .profile-block .imgArea {
		width: 42%;
		margin-right: 3%;
	}
	.company-grid .profile-block .contentArea {
		width: 55%;
		font-size: 3.6vw;
	}
	.company-grid .profile-block p.name {
		font-size: 3.8vw;
		padding: 0 0 2% 0;
	}
	.company-grid .profile-block p.text {
		font-size: 3.6vw;
	}
	.company-grid .profile-block h4.h4_ttl {
		font-size: 3.8vw;
		padding: 2% 0 2% 0;
	}
	.company-grid .overview-grid {
		margin-bottom: 10%;
	}
	.company-grid .overview-grid dl {
		font-size: 3.6vw;
		padding: 3% 0 2% 0;
	}
	.company-grid .overview-grid dl dt {
		width: 45%;
	}
	.company-grid .philosophy-grid,
	.company-grid .vision-grid {
		margin-bottom: 5%;
	}
}
@media only screen and (min-width: 768px) {
	.company-grid .message-grid {
		margin-bottom: 40px;
	}
	.company-grid .message-block {
		width: 100%;
		margin-right: 3%;
	}
	.company-grid .message-block p.caption {
		line-height: 1.4;
	}
	.company-grid .message-block p.text {
		font-size: 16px;
	}
	.company-grid .profile-block {
		width: 30%;
	}
	.more-guide .company-grid .text-grid {
		font-size: 16px;
	}
	.company-grid .overview-grid dl {
		font-size: 16px;
	}
	.company-grid .overview-grid dl dt {
		width: 200px;
	}
	.company-grid .philosophy-grid,
	.company-grid .vision-grid{
		margin-bottom: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.company-grid .message-block p.caption {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.company-grid .profile-block p.name {
		font-size: 18px;
		padding: 10px 0;
	}
	.company-grid .profile-block h4.h4_ttl {
		font-size: 18px;
		padding: 10px 0 5px 0;
	}
	.company-grid .overview-grid {
		margin-bottom: 50px;
	}
	.company-grid .overview-grid dl {
		padding: 15px 0 10px 0;
	}
}
@media screen and (min-width: 1025px){
	.company-grid .message-block p.caption {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.company-grid .profile-block p.name {
		font-size: 24px;
		padding: 15px 0;
	}
	.company-grid .profile-block h4.h4_ttl {
		font-size: 20px;
		padding: 20px 0 10px 0;
	}
	.company-grid .overview-grid {
		margin-bottom: 60px;
	}
	.company-grid .overview-grid dl {
		padding: 20px 0 10px 0;
	}
}
/* 
/* レスポンシブ
----------------------------------------------- */
@media only screen and (max-width: 767px) {
	.refine-box {
		padding: 5% 3%;
		margin-bottom: 5%;
	}
	.refine-box .refine-list__item {
		display: block;
		margin-bottom: 2%;
	}
	.refine-box .refine-list__item select {
		padding: 8px 38px 8px 8px;
	}
	.refine-box .refine-list__item::before {
		top: 14px;
		right: 10px;
	}
	.refine-box .switch-list__item {
		display: inline-block;
		padding: 8px 0 0 8px;
		font-size: 14px;
	}
	.refine-box .switch-list__item button {
		width: 48px;
		height: 24px;
		margin: 0 0 0 5px;
	}
	.refine-box .switch-list__item button i {
		width: 22px;
		height: 22px;
	}
	.refine-box .switch-list__item button.hiddenbtn i {
		font-size: 22px;
	}
	.refine-box .switch-list__item button.showbtn i {
		font-size: 22px;
	}
}
@media screen and (min-width: 768px) {
	.refine-box .refine-list__item select {
		padding: 8px 38px 8px 8px;
	}
	.refine-box .refine-list__item::before {
		top: 14px;
		right: 10px;
	}
	.refine-box .switch-list__item {
		display: inline-block;
		padding: 0 0 0 8px;
		font-size: 14px;
	}
	.refine-box .switch-list__item button {
		width: 48px;
		height: 32px;
		margin: 0 15px 0 5px;
	}
	.refine-box .switch-list__item button i {
		width: 30px;
		height: 30px;
	}
	.refine-box .switch-list__item button.hiddenbtn i {
		font-size: 30px;
	}
	.refine-box .switch-list__item button.showbtn i {
		font-size: 30px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.refine-box {
		padding: 30px 10px 5px 10px;
		margin-bottom: 20px;
    }
}
@media screen and (min-width: 1025px) {
	.refine-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-bottom: 1px solid #bbbbbb;
		padding: 20px 10px;
		margin-bottom: 30px;
	}
}

/*----------------------------------------------- 
/* レスポンシブ
----------------------------------------------- */
@media only screen and (max-width: 735px) {
	.about-guide .flow-list{
		-webkit-justify-content: center;
		justify-content: center;
	}
	.about-guide .flow-list .flow-items{
		width: 100%;
		text-align: center;
		padding-right:0;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.about-guide .flow-list .flow-items:last-child{
		margin-bottom: 0;
	}
	.about-guide .flow-list .flow-items:before{
		top: 100%;
		right: 50%;
		width: 24px;
		height: 26px;
		background-size: 24px 26px;
		background-image: url(../images/top/sp_flow_arrow.svg);
		transform: translateX(50%);
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
	}
	.about-guide .flow-list .flow-items img{
		width: auto;
	}
}
@media only screen and (max-width: 737px) {
	/* ダイアログ  ココプレできるダイアログ*/
	.yestate-modal .cocopre-about .flow-list li {
		width: 100% !important;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px) {
	.about-guide .flow-list{
		-webkit-justify-content: center;
		justify-content: center;
	}
}
/* @media only screen and (max-width: 767px) {
	 画面上部情報 
	.detail-grid .header-info-area .header-info-contents {
		display: block;
	}
	.detail-grid .header-info-area .header-info-contents .left-contents,
	.detail-grid .header-info-area .header-info-contents .right-contents {
		width: 100%;
	}
	.detail-grid .header-info-area .header-info-contents .right-contents .web-conter {
		margin-bottom: 10px;
	}
   
	/ココプレでできること /
	.procedure-row dl.procedure {
		width: 340px;
	}
	.procedure-row dl.procedure dt {
		width: 70px;
	}
	/ ココプレ説明 /
	#kokopureInfoModal > .yestate-modal_content .kokopureInfoModalClose {
		right: 0px;
	}
	#kokopureInfoModal .kokopureInfoModalClose > span {
		font-size: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
     この物件は、私達が取り扱いしています 
    .detail-guide .shop-detail{
		margin-bottom: 40px;
	}
	.detail-guide .shop-detail h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.detail-guide .shop-detail .shop-block .imgArea{
		width: 220px;
	}
	.detail-guide .shop-detail .shop-block .imgArea img{
		height: 184px;
		margin-bottom: 5px;
	}
	.detail-guide .shop-detail .shop-block .imgArea .block_btn .btn{
		font-size: 14px;
	}
	.detail-guide .shop-detail .shop-block .detailArea{
		width: calc(100% - 220px);
		padding-left: 20px;
	}
	.detail-guide .shop-detail .shop-block .detailArea h4{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.detail-guide .shop-detail .shop-block .detailArea .cell{
		margin-bottom: 10px;
	}
	.detail-guide .shop-detail .shop-block .detailArea .cell li{
		font-size: 14px;
	}
	.detail-guide .shop-detail .shop-block .detailArea .comment dt{
		font-size: 16px;
	}
	.detail-guide .shop-detail .shop-block .detailArea .comment dd{
		font-size: 14px;
	}   
}
@media only screen and (min-width: 736px) and (max-width: 1024px) {
	.detail-grid .inner div .head-box img {
		width: 350px;
	}
}
@media only screen and (max-width: 735px) {
	.detail-grid .inner div .head-box img {
		width: 350px;
	}
} */

/*----------------------------------------------- 
/* 2Dココプレ
----------------------------------------------- */
/** 2Dココプレ Moveable */
.moveable-line.moveable-rotation-line .moveable-control {
    border-color: transparent !important;
	background: transparent !important;
}

.moveable-line.moveable-rotation-line .moveable-control:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #4af;
    margin-top: 35px;
    margin-left: 29px;
}
.moveable-line.moveable-rotation-line .moveable-control::after {
	content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #FFFFFF;
    margin-top: -15px;
    margin-left: 30px;
} 
.moveable-control {
    width: 80px !important;
    height: 80px !important;
    margin-top: -50px !important;
    margin-left: -40px !important;
}
/* スマホ版でだけ改行される */
.sp {
    display: none;
}
@media (max-width: 736px) {
	.sp {
        display: block;
    }
}