﻿@charset "utf-8";

/* ---------------------------------------------
 layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
  margin: 40px 0 0;
  line-height:1.8;
}

.column-image-left + .entry-container > p,
.column-image-right + .entry-container > p {
  margin-top: 10px;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
  margin: 0;
}

.content p img, .content dl img, .content ul img {
  vertical-align: middle;
}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

/* common modules
------------------------------------------------ */

em        { color:#FD6408;  }

.regular  { font-size: 1.4rem;}
.small    { font-size:1.2rem;  }
.x-small  { font-size:1rem;  }

.large    { font-size:1.8rem; }
.x-large  { font-size:2.2rem; }

.attention{ color: #FF3366;   }
.bold     { font-weight:bold; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { margin:0; padding:0; border:none; background:none; }

a[href*="tel:"] {
  pointer-events: none;
}

/* --- anchor --- */
/*
.anchor{
  background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
  padding-left:13px;
}
*/
/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
  background: url(../images/fileicon/xls.png) no-repeat 100% 50%;
  padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
  background: url(../images/fileicon/doc.png) no-repeat 100% 50%;
  padding-right: 25px;
}

a[href$='pdf'] {
  background: url(../images/fileicon/pdf.png) no-repeat 100% 50%;
  padding-right: 25px;
}

a[href$='ppt']{
  background: url(../images/fileicon/ppt.png) no-repeat 100% 50%;
  padding-right: 25px;
  background-size: 18px 20px;
}

img.pdficon{
  margin: 0 0 5px 10px;
  vertical-align: middle;
}


/* --- openwin --- */

.openwin{ 
  margin-left: 15px;
}

/* ---　pagetop-in　 --- */

.pagetop-in {
  text-align:right;
}

.pagetop-in a {	
  font-size: 92%;
}

/* --- blockquote --- */

blockquote, 
.acms-entry blockquote{
  background:#fafafa;
  border:0;
  margin-top:40px;
  min-height: 160px;
  padding:30px 20px 30px 140px;
  position: relative;
  color: #666;
}

blockquote p{
  margin-top: 0!important;
}

.acms-entry blockquote::before{
  content: " “　";
  font-size: 27rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #eee;
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 1;
}

.js_notStyle {
  padding: 0;
}


/* --- flex --- */

._flex{
  display: flex;
  justify-content: space-between;
}



/* --- btn --- */

.btn a {
  display: inline-block;
  min-width: 200px;
  height: 50px;
  line-height: 48px;
  margin: 20px 0;
  padding: 0 10px 0 20px;
  border: 2px solid #e60012;
  border-radius: 30px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  color: #e60012;
  font-size: 1.4rem;
  transition: all 0.3s ease;
  background: none;
}

.btn a::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 2px 10px;
  border-top: solid 2px #e60012;
  border-right: solid 2px #e60012;
  transform: rotate(45deg);
}

.btn a:hover {
  background: #e60012;
  color: #fff;
}

.btn a:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

/* 画像拡大 */

.i-zoom{
  overflow: hidden;
}
.i-zoom img{
  transition:1s all;
}
.i-zoom:hover img{
  transform:scale(1.2,1.2);
  transition:1s all;
}

/* margin/ padding */

.ma-t40{ margin-top: 40px;}

._none {
    display: none;
  }

/* width */

.w25{ width: 25%;}
.w30{ width: 30%;}


/* ------ title -------------------------------- */

.content h2, 
.content .wysiwyg h1{
  clear:both;
  margin:60px 0 0;
  font-weight:bold;
  font-size: 2.6rem;
}
.content h2 a:link          { text-decoration:underline; }
.content h2 a:visited       { text-decoration:underline; }
.content h2 a:hover,a:active{ text-decoration:none; }

.type01{
  color: #e60012;
  border-bottom: 1px solid #ccc;
  padding: 0 20px 20px;
}

.type01 img{
  margin: 7px 15px 0 0;
}

.content h3, 
.content .wysiwyg h2{
  clear:both;
  margin-top: 40px;
  padding-top: 20px;
  font-weight:bold;
  font-size: 2.2rem;
  color: #e60012;
  border-top: 1px solid #e60012;
  border-left: none;
}

.content h3:not([class]) {
  margin:80px 0 0;
}

.content h4,
.content .wysiwyg h3{
  clear:both;
  margin:40px 0 0;
  padding-left: 15px;
  padding-top: 0;
  color: #e60012;
  font-weight:bold;
  font-size: 2rem;
  border-left: 1px solid #e60012;
  border-top: none;
}

.content h5, 
.content .wysiwyg h4{
  clear:both;
  font-size: 2rem;
  font-weight:bold;
  margin:40px 0 0;
  color: #000;
  border-left: none;
}


/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li,
.wysiwyg ul li {
  padding-left: 15px;
  margin-bottom: 5px;
  position: relative;
}

.list li:before,
.wysiwyg ul li::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #e60012;
  border-radius: 4px;
  position: absolute;
  top: 0.6em;
  left: 0;
}

/* --- link list --- */

.link li {
  padding-left: 15px;
  margin-bottom: 5px;
  position: relative;
}

.link li::before,
.link li::after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 0.5em;
  left: 0;

}    
.link li::after{
  border-color: transparent transparent transparent #e60012;
  left: 3px;
  z-index: -1;
}

/* --- number list --- */

ol {
  counter-reset:number;
  padding:0;/* paddingキャンセル */
  list-style:none;/* olがはき出す数字を消す */
}

ol li {
  text-indent: -30px;
  padding-left: 30px;
  margin-bottom: 1em;
}

ol li:before {
  counter-increment: number;
  content: counter(number) ". ";
  font-weight: bold;
  text-align: right;
  display: inline-block;
  width: 25px;
  margin-right: 5px;
}

/* --- attention list --- */

.rice li{
  margin:0 0 5px 1em;
  text-indent:-1em;
}

/* --- compact list --- */

.compact li{
  display:inline;
  margin-right:10px;
}

/* --- within compact list --- */

.within {
  padding: 8px;
  border: 1px solid #ddd;
}

.within li{
}


.content ul ul, .content dl dl, .content ol ol {
  margin-top: 5px;
}

/* ---　page-link　 --- */

.page-link{
  display: flex;
  justify-content: center;
  border: 1px solid #ccc;
}

.page-link li a{
  position: relative;
  display: block;
  padding: 10px 20px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.page-link li a:hover{
  color: #e60012;
}

.page-link li a::after {
  display: block;
  content: '';
  position: absolute;
  top: 45%;
  right: 5px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #e60012;
  border-top: 2px solid #e60012;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
  font-weight:bold;
}

.list dd{
  padding-left:13px;
}

/* --- link list --- */

.link dt{
  background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
  padding-left:15px;
  font-weight:bold;
}

.link dd{
  padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #ddd;
}



/* ------ layout frame ------------------------- */

.content .layout-frame {
  clear: both;
  margin-left: -20px;
}

.content .layout-3col {
  margin-left: -15px;
}

.content .layout-unit {
  float: left;
  display: inline;
  margin-left: 20px;
}

.content .layout-3col .layout-unit {
  margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }



/* ------ social media ------------------------- */

.social-icon ul{
  margin:20px auto;
  text-align:center;
}

.social-icon ul li{
  display:inline-block;
}

.social-icon ul li a {
  display: block;
  width: 60px;
  height: 60px;
  text-indent: -99999px;
  font-size: 50%;
  border-radius:50%;
}

@media screen and ( min-width:750px ){
  .facebook:hover {
    background:url(../images/svg/facebook.svg) center center no-repeat;
    background-size: 100%;
    background-color: #3b5998!important;
  }
}
.facebook {
  background:url(../images/svg/facebookClick.svg) center center no-repeat;
  background-size: 100%;
  background-color: #ffffff!important;
  border: 1px solid #3b5998;
}
@media screen and ( min-width:750px ){
  .twitter:hover {
    background:url(../images/svg/twitter.svg) center center no-repeat;
    background-size: 100%;
    background-color: #00aced!important;
  }
}
.twitter {
  background:url(../images/svg/twitterClick.svg) center center no-repeat;
  background-size: 100%;
  background-color: #ffffff!important;
  border: 1px solid #00aced;
}
@media screen and ( min-width:750px ){
  .line:hover {
    background:url(../images/svg/line.svg) center center no-repeat;
    background-size: 100%;
    background-color: #2cbf13!important;
  }
}
.line {
  background:url(../images/svg/lineClick.svg) center center no-repeat;
  background-size: 100%;
  background-color: #ffffff!important;
  border: 1px solid #2cbf13;
}



/* ------ table -------------------------------- */

table{
  border-collapse:collapse;
  width:100%;
  border: none;
  border-top:1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

table th,
table td{
  padding:15px 20px;
  vertical-align:top;
  border-bottom:1px solid #ccc;
  background:#fff;
}

table th{
  background:#fef4f2;
  font-weight:bold;
}

table thead th,
th.head {
  background:#fef4f2;
  text-align:center;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
  border:0;
  background: none;
}

/* index
------------------------------------------------ */

.index {
  clear: both;
  margin: 0 0 0 -20px;
}

.index dl {
  position: relative;
  float: left;
  display: inline;
  margin-left: 20px;
  width: 350px;
  background: #eee;
}

.index dt {
  padding: 7px;
  background:#ddd;
}

.index dt a {
  text-decoration:none;
}

.index dd {
  padding: 7px;
}


/* cms
------------------------------------------------ */

/* --- entry-date --- */

.entry-date {
  text-align: right;
  font-size: 87%;
}

/* --- entryNav--list / pager-navigation --- */

.entryNav, 
.pager-navigation{
  margin:50px 0 0;
}

.entryNav a:link, .entryNav a:visited, .entryNav a:hover, .entryNav a:active, 
.pager-navigation a:link, .pager-navigation a:visited, .pager-navigation a:hover, .pager-navigation a:active{
  text-decoration:none;
  color: #e60012;
}

.entryNav ul, 
.pager-navigation ul{
  margin:0;
}

/* entryNav */

.entryNav--list{
  display: flex;
  justify-content: center;
  text-align:center;
}

.entryNav li{
  margin: 0 5px;
}

.entryNav li a{
  display: block;
  padding: 0 30px;
  height: 50px;
  line-height: 46px;
  border: 2px solid #e60012;
  border-radius: 8px;
  position: relative;
}

.entryNav li a:hover{
  color: #fff;
  background-color: #e60012;
}

.entryNav li a::before{
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #e60012;
  border-right: solid 2px #e60012;
  position: absolute;
  top: 42%;
}

.entryNav li a:hover::before{
  border-color: #fff;
}

.entryNav .new a::before{
  left: 15px;
  transform: rotate(-135deg);
}

.entryNav .old a::before{
  right: 15px;
  transform: rotate(45deg);
}
.entryNav .home{
  font-size: 1.8rem;
}
.entryNav .home a::before{
  display: none;
}

.entryNav ul:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
* html .entryNav ul             { zoom:1; } /* IE6 */
*:first-child+html .entryNav ul { zoom:1; } /* IE7 */

/* pager-navigation */

.pager-navigation ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
}

.pager-navigation ul li{
  text-align:center;
  margin-right:10px;
}

.pager-navigation ul li span.cur{
  border:2px solid #ffdfd0;
  color:#e60012;
  display:block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position:relative;
  border-radius: 10px;
}

.car .pager-navigation ul li span.cur{
  border: 2px solid #ffdfd0;
  color:#ff6114;
}

.pager-navigation ul li a:link, 
.pager-navigation ul li a:visited{
  border:2px solid #e60012;
  display:block;
  line-height:1;
  height: 50px;
  line-height: 50px;
  position:relative;
  border-radius: 10px;
  color: #e60012;
  padding: 0 20px;
}

.car .pager-navigation ul li a:link, 
.car .pager-navigation ul li a:visited{
  border:2px solid #ff6114;
  color: #ff6114;
}

.pager-navigation ul li a span{
  display: inline-block;
  font-family: 'Acme', sans-serif;
  margin-top: -7px;
  vertical-align: middle;
  font-size: 2rem;
}

.pager-navigation ul li span a:link, 
.pager-navigation ul li span a:visited{
  width: 50px;
  padding: 0;
}

.pager-navigation ul li a:hover, 
.pager-navigation ul li a:active{
  opacity: .7
}

/* 続きを読むリンク */
.search.entry p.continue {
  margin: 0;
  padding: 0;
}

.search.entry p.continue a {
  display: block;
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #E8E8E8;
}

.search.entry p.continue a:hover {
  background-color: #F0F0F0;
}



/* top　下層共通　----------- */

/* ln-list */

.ln-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ln-list:before {
  content: "";
  display: block;
  width: 235px;
  height: 0;
  order: 1;
}

.ln-list::after{
  content: "";
  display: block;
  width: 235px;
  height: 0;
}

.ln-list li{
  width: 235px;
  margin-bottom: 40px;
}

.ln-list a{
	text-decoration: none;
	color: #000;
}

.ln-list a img{
	transition: opacity 0s ease;
	transition:1s all;
}

.ln-list a:hover img{
	opacity: 1;
	transform:scale(1.2,1.2);
	transition:1s all;
}

.ln-list dt{
	position: relative;
}

.ln-list dt .i-photo{
	display: block;
  width: 100%;
	height: 156px;
	overflow: hidden;
}

.ln-list dt .i-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.ln-list dt span.new-icon{
	position: absolute;
	bottom: -15px;
	right: 20px;
	display:inline-block;
	padding: 8px 20px;
	line-height: 1;
	background-color: #ffe11c;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
  	font-weight: 600;
  	font-size:1.4rem;
	  border-radius: 30px;
}

.ln-list dt span.sold-icon{
	position: absolute;
	bottom: -15px;
	right: 20px;
	display:inline-block;
	padding: 8px 20px;
	line-height: 1;
	background-color: #aaa;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
  	font-weight: 600;
  	font-size:1.4rem;
	  border-radius: 30px;
}

.ln-list .area-name{
	margin: 20px 0 5px;
	font-weight: bold;
	color: #e60012;
	font-size: 1.8rem;
}

.ln-list .price,
.ln-list .selling-price{
	font-weight: bold;
}

.ln-list dd span{
	display: inline-block;
	margin-right: 10px;
	padding: 3px 5px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.3;
	font-weight: normal!important;
	background-color: #f5dfe2;
}

.ln-list.land-icon dd span{
	width: 55px;
}


/* 下層ページ
----------------------------- */



/* 分譲地詳細  ------- */

/* slide-photo */
.slide-photo{
  width: 100%;
  margin: 40px auto 0;
  position: relative;
}

.slide-photo .slider .swiper-slide{
  width: 100%;
  height: 618px;
  overflow: hidden;
}

.slide-photo .slider .swiper-slide img{
  width: 100%;
  height: 700px;
  object-fit: cover;
}

.slide-photo .slider-thumbnail{
  margin-top: 30px;
}
.slider-thumbnail .swiper-slide{
  width: 230px!important;
  height: 140px;
  overflow: hidden;
  border: 3px solid #fff;
  cursor: pointer;
}
.slider-thumbnail .swiper-slide img{
  width: 100%;
  height: 140px;
  object-fit: cover;
}

.slider-thumbnail .swiper-slide.swiper-slide-thumb-active{
  border: 3px solid #e60012;
}

.slide-photo .swiper-button-prev,
.slide-photo .swiper-button-next{
  width: 42px;
  height: 44px;
  top: 92%;
  background-size: 42px 44px;
  background-repeat: no-repeat;
}

.slide-photo .swiper-button-prev,
.slide-photo .swiper-container-rtl .swiper-button-next{
  background-image: url("../images/icon_pre.png");
  left: -30px;
}


.slide-photo .swiper-button-next,
.slide-photo .swiper-container-rtl .swiper-button-prev{
  background-image: url("../images/icon_next.png");
  right: -33px;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
  display: none;
}

/* deta-area01 */

.deta-area01{
  margin-top: 60px;
}

.deta-area01 table{
  width: 600px;
  margin: 0 auto;
  border: 1px solid #ccc;
}

.deta-area01 table th,
.deta-area01 table td{
  border: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
}

.deta-area01 table tbody th{
  background: #fff;
  color: #e60012;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.deta-area01 dl.k-map{
  width: 370px;
  margin: 0 20px 0 0;
}

.deta-area01 .k-map dt{
  width: 100%;
  height: 268px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.deta-area01 .k-map dt img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* g-map */

.googlemap{
  margin: 40px auto 0;
}

.googlemap iframe{
  width: 100%!important;
}

.g-map .btn.pos a{
  position: relative;
  padding: 0 20px;
}

.g-map .btn.pos a::after{
  content: "";
  display: block;
  width: 18px;
  height: 20px;
  margin: 0;
  background: url("../images/fileicon/pdf.png") no-repeat 0 0;
  border: none;
  transform: none;
  position: absolute;
  top: 25%;
  right: 20%;
}

.g-map .btn.pos a:hover::after{
  background: url("../images/fileicon/pdf_on.png") no-repeat 0 0;
  border: none;
  transform: none;
}

/* around-list */

ul.around-list{
  display: flex;
  margin-left: -30px;
}

ul.around-list li{
  width: 230px;
  margin-left: 30px;
  font-size: 1.4rem;
}
ul.around-list li p{
  width: 100%;
  height: 140px;
  margin: 0 auto;
  overflow: hidden;
}

ul.around-list li p img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ul.around-list li span{
  display: block;
  margin-top: 10px;
}

/* 中古車情報一覧  ------- */

.car-list{
  border-top: 1px solid #ccc;
}

.car-list a{
  display: block;
  padding: 30px 15px 40px 290px;
  position: relative;
  text-decoration: none;
  color: #000;
  transition : all 0.5s ease 0s;
}

.car-list a:hover{
  background-color: #fff5ef;
}

dl.car-name{
  margin-top: 10px;
}

.car-name dt span{
  display: inline-block;
  margin-right: 10px;
  padding: 2px 15px;
  background: #74ceec;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
}
.car-name dd{
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 5px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.4;
}

.car-option{
  display: flex;
  flex-wrap: wrap;
}

.car-list ul.car-option{
  margin-top: 10px;
}

.car-option li{
  margin-right: 20px;
}

.car-photo{
  position: absolute;
  top: 15px;
  left: 15px;
  width: 260px;
  height: 190px;
}

.car-photo p{
  width: 100%;
  height: 190px;
  overflow: hidden;
}

.car-photo p img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.car-photo span{
  position: absolute;
  top: 25px;
  left: 20px;
  display: inline-block;
  line-height: 1;
  padding: 8px 20px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  background: #ff8b3e;
  border-radius: 30px;
}

.car-price{
  display: flex;
  padding: 0 20px 15px;
  border-radius: 6px 6px 0 0;
  background: #f5f5f5;
}
.car-price dl {
  margin-top: 25px;
}
.car-price dl span.tax {
  font-size: 12px;
}
.car-list .car-price dl:first-child{
  margin-right: 50px;
}

.car-price dl dd{
  font-size: 2rem;
  font-weight: bold;
}

.car-price dl dd .o-txt{
  font-size: 3rem;
  color: #ff6114;
}

.car-price dl dd .tax{
  font-size: 1.4rem;
}

.c-status{
  display: flex;
  padding: 0 20px 15px;
  border-radius: 0 0 6px 6px;
  background: #f5f5f5;
}

.c-status dl{
  margin-top: 0;
  margin-right: 25px;
}
.c-status dl:last-child {
  margin-right: 0px;
}
.c-status dd{
  font-weight: bold;
  font-size: 2rem;
}
.c-status dd span{
  display: block;
  font-size: 1.4rem;
}

.car-list a:hover .car-price,
.car-list a:hover .c-status{
  background: #fffaf7;
}

/* 中古車詳細  ------- */

.car-name dd .car-option{
  font-size: 1.6rem;
  font-weight: bold;
}

.car-slide-photo{
  width: 600px;
  position: relative;
}

.car-thumbnail{
  width: 96%;
  margin-top: 20px;
}

.carslider .swiper-slide{
  width: 100%;
  height: 370px;
  overflow: hidden;
}

.car-thumbnail .swiper-slide{
  width: 110px!important;
  height: 67px;
  border: 3px solid #fff;
  overflow: hidden;
}

.carslider .swiper-slide img,
.car-thumbnail .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.car-thumbnail .swiper-slide.swiper-slide-thumb-active{
  border: 3px solid #ff8b3e;
}

.car-slide-photo .swiper-button-prev,
.car-slide-photo .swiper-button-next{
  width: 42px;
  height: 44px;
  top: 88%;
  background-size: 42px 44px;
  margin-top: 0;
}

.car-slide-photo .swiper-button-prev,
.car-slide-photo .swiper-container-rtl .swiper-button-next{
  background-image: url("../images/icon_o_pre.png");
  left: -10px;
}


.car-slide-photo .swiper-button-next,
.car-slide-photo .swiper-container-rtl .swiper-button-prev{
  background-image: url("../images/icon_o_next.png");
  right: -10px;
}

.car-detail{
  width: 380px;
  border-radius: 6px;
  background-color:#f5f5f5;
}

.car-detail .c-status{
  flex-wrap: wrap;
  justify-content: space-between;
}

.car-detail .c-status dl{
  width: 45%;
  margin: 15px 0 0;
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
}

.car-detail .c-status .tenji {
  width: 100%;
  justify-content: flex-start;
  padding: 15px 0 0;
  border-top: 1px solid #aaa;
}
.car-detail .c-status .tenji dt{
  width: 100px;
}

.car-detail .c-status dd{
  font-size: 1.4rem!important;
}

.car-price dl:first-child{
  margin-right: 20px;
}

.car-itemlist ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.car-itemlist ul li{
  width: 242px;
  margin-bottom: 10px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  color: #ccc;
}

.car-itemlist ul li.on {
  background-color: #fff5ef;
  border: solid 1px #ff8b3e;
  color: #000;
  font-weight: bold;
}

.car-itemlist ul li.lineL {
  width: 494px;
}

table.tbl_type01 th{
  width: 20%;
  background-color: rgba(255, 139, 62, .2);
}

table.tbl_type01 td{
  width: 30%;
}

/* 分譲地を校区から探す */

.school-content{
  position: relative;
}

.school-filter{
  display: flex;
  flex-wrap: wrap;
  margin-left: -1%;
  padding-left: 60px;
}

.acd-content ul.school-filter{
  margin-top: 0;
}

.school-filter li{
  width: 24%;
  margin: 0 0 1.5% 1%;
  text-align: center;
  cursor: pointer;
  display: block;
  color: #999;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #999;
  border-radius: 30px;
  padding: 0.3em 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.school-filter li.mixitup-control-active{
  background: #e60012;
  border-color: #e60012;
  color: #fff;
}

.ln-list.school-list dd.area-name{
  margin-top: 0;
}

.ln-list dd.meta{
  margin-top: 20px;
}

.ln-list dd.meta span.school-label{
  display: inline-block;
	margin-right: 10px;
	padding: 3px 10px;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.3;
	font-weight: normal!important;
	background-color: #ccc;
  border-radius: 30px;
}

.acd-check{
  visibility: hidden;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
.acd-label{
  background: #fff;
  color: #e60012;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 2px solid #e60012;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: 10px;
  overflow: hidden;
  cursor: pointer;
}
.acd-label::before,
.acd-label::after {
  content: '';
  width: 15px;
  height: 3px;
  background: #e60012;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}

.acd-label::after{
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}
.acd-content{
  display: block;
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
}
.acd-check:checked + .acd-label{
  background: #e60012;
}
.acd-check:checked + .acd-label::after{
  transform: translateY(-50%) rotate(0);
  background: #fff;
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  visibility: visible;
}


/* 建売住宅一覧 */

.build-list{
  margin-top: 40px;
  padding: 0 40px 40px;
  background: #fef4f2;
  border-radius: 20px;
}

.build-list a{
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #000;
}

.build-list .build-photo{
  width: 40%;
  position: relative;
}

.build-photo span{
  position: absolute;
    top: 25px;
    left: 20px;
    display: inline-block;
    line-height: 1;
    padding: 8px 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    background: #ffe11c;
    border-radius: 30px;
}

.build-list .build-photo p{
  width: 100%;
  height: 260px;
  overflow: hidden;
  border-radius: 10px;
}

.build-list a img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity 0s ease;
	transition:1s all;
}

.build-list a:hover img{
	opacity: 1;
	transform:scale(1.2,1.2);
	transition:1s all;
}

.build-list .build-deta{
  width: 56%;
}

.build-deta .b-name dt{
  font-size: 2rem;
  font-weight: bold;
}

.b-price{
  display: flex;
  margin-top: 20px;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
}

.build-deta .b-price{
  justify-content: space-between;
}

.b-price dl{
  margin:0 20px 0 0;
}

.build-deta .b-price dl{
  margin: 0;
}

.b-price .o-txt{
  font-size: 2rem;
  font-weight: bold;
}

.b-price .tax{
  font-size: 1.4rem;
}

/* 新着情報一覧 */

.news-list ul li{
	border-bottom: 1px solid #e1e4e6;
}

.news-list ul li:first-child{
	border-top: 1px solid #e1e4e6;
}

.news-list ul li a{
	display: block;
	position: relative;
	padding: 20px 40px 20px 0;
	text-decoration: none;
	color: #000;
}

.news-list ul li a::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 2px 10px;
	border-top: solid 2px #e60012;
	border-right: solid 2px #e60012;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
}

.news-list ul li a:hover dd{
	color: #e60012;
}

.news-list dt{
	color: #999;
	font-size: 1.2rem;
	font-family: 'Montserrat', sans-serif;
  font-weight: 600;
	letter-spacing: 2px;
}

.news-list dd{
	font-size: 1.4rem;
	font-weight: bold;
}

/* 建売情報詳細 */

ul.floor-plan{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px auto;
}

.floor-plan li{
  width: 460px;
  margin: 0 20px 20px;
  overflow: hidden;
  text-align: center;
}

.floor-plan li img{
  width: 100%;
  height: auto;
}

.floor-plan li dt{
  margin-bottom: 10px;
}


/*  */

td.js-img_resize_cf.resizeImage img {
  max-height: 150px !important;
}
.acms-admin-admin-title2 {
  margin: 0 !important;
}
.js-fieldgroup-sortable, .adminTable, .acms-admin-table-admin-edit {
  margin: 0 !important;
}
.acms-admin-grid h3 {
  margin: 10px 0 20px 0 !important;
}
td.checkboxFlex {
  display: flex;
  flex-wrap: wrap;
}
td.checkboxFlex > div{
  width: 30%;
  min-width: 270px;
  margin-right: 15px;
}
td.checkboxFlex > div.supplement{
  position: relative;
  right: 100px;
}

/**/

.company_map {
  max-width: 100%;
}

/* 260528_YouTube動画ユニットに上部マージン追加 */

div[class*="column-video"]{
  margin: 40px 0 20px!important;
}