/*
Theme Name: 株式会社アイリーハウス
Theme URI: https://
Description: 
Tags: 

*/

/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

@charset "utf-8";

/* @group Reset */

*{ margin: 0;padding: 0}

a { text-decoration : none; color: #00A6E4; }
a:hover{ text-decoration: underline;}
a:hover img{
	opacity: 0.6;
  	filter: alpha(opacity=60);
  	-ms-filter: "alpha(opacity=60)";
}
ul, ol { list-style : none}
img { vertical-align : middle}

input[type="text"] {
    padding: 9px;
    border: 1px solid #ccc;
    outline: none;
    background: none;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
}
input[type="email"] {
    padding: 9px;
    border: 1px solid #ccc;
    outline: none;
    background: none;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
}
input[type="tel"] {
    padding: 9px;
    border: 1px solid #ccc;
    outline: none;
    background: none;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
}
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 10px;
    border: 1px solid #ccc;
    outline: none;
    background: transparent;
	width: 100%;
	border-radius: 5px;
}
button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    border: 1px solid #ccc;
    outline: none;
	color: #000;
	display: block; margin: 20px auto 0
}
input[type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    border: 1px solid #ccc;
    outline: none;
    background: transparent;
	background: #CCC !important;
	color: #000;
	display: block; margin: 20px auto 0
}

/* @end */

/* @group Fluid-img */
img { max-width : 100%}
/* @end */

/* @group HTML */
html {
font-family: zen-kaku-gothic-antique, sans-serif;
font-weight: 500;
font-style: normal;
font-size : 100%; 
line-height : 1.5;}
body { width: 100%; }
div{width: 100%;}
div img{ width: 100%;}

.font1{
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;}

body { width: 100%;}

/* @end */

/* @group Heading */

h1 {
font-size : 2.25rem; /* 20px */
line-height : 1 /* 20px */ } 

h2 {
font-size : 1em; /* 16px */
line-height : 1.3333 /* 48px */ } 

h3 {
font-size : 0.875em; /* 14px */
line-height : 1; /* 24px */
margin-bottom : 1em } 


main{ display: block; width: 100%; }

.green{ background: #288530}
.orange{ background:#DD6A0E}


/* @end */

/* @group Shear */
.pc{ display:none;}
.sp{ display:inherit; }
.tb{ display: none;}
.tbsp{ display:inherit;}

/*=============
base
==============*/
html, body {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}

/* @group Header */
header{ width: 100%; position: fixed; top:0; z-index: 60; padding: 0; background-color:rgba(255,255,255,0.6); border-bottom: 1px solid #EBEBEB}
header .hgr{ width: 100%; padding: 0;  margin: 0 auto}
header .hgr .head-menu-sub-sp{ width: 100%; overflow: hidden; }
header .hgr .head-menu-sub-sp nav{ width:30px; float: right; margin-top: 34px; margin-right: 6% }
header .hgr .head-menu-sub-sp h1{ width: 235px; float: left; text-align: center; padding: 21px 30px 14px 15px;}
header.change-color .hgr .head-menu-sub-sp h1{ padding: 18px 30px 16px 16px; }
header.change-color .hgr .head-menu-sub-sp nav{margin-top: 34px; margin-right: 5%}
header .hgr .head-menu-sub-sp h1 span{ display: block; font-size: 1.25rem; letter-spacing: 0.01em; margin-top: 10px}
header.change-color{ background: #fff }
.header .hgr{ display: none}

/* @group HOME */
/* fullSlideShow
--------------------------- */
.fullSlideShow {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.fullSlideShow ul {
	top: 50%;
	left: 50%;
	width: 100%;
	position: fixed; 
	overflow: hidden;
}
.fullSlideShow ul li {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
}
.fullSlideShow ul li img {
	width: 100%;
	display: block;
    margin: 0 auto;
}

/* SideNavi
------------------------- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: fixed; /* absolute or fixed */
    z-index: 20;
}

.wrapper {
	width: 100%;
	text-align: left;
	background: #fff;
	position: relative;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 50px
}
/* =======================================
	ClearFixElements
======================================= */
.fullSlideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.fullSlideShow ul {
	display: inline-block;
	overflow: hidden;
}



/* @end */

/* @group ハンバーガーメニュー */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 32px;
  height: 29px;
z-index: 3
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #006934;
}
.home .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #006934;
	border-radius: 50px
}
.change-color .menu-trigger span{  background-color: #006934;}
.home .menu-trigger.active span{background-color: #006934;}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 10px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 7px;
}
.menu-trigger.active{ background: #fff; border-radius: 100px}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  left: 200%;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}

/* @end */

/* @group ヘッダーメニュー　dropdown-menu */
.smp-dpmenu{ 
	position:fixed; 
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index:2;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition-duration:1s;background-color:rgba(255,255,255,0.9);padding:0;max-height:0;
	text-align: center; 
	font-size: 1.125rem;
}
.smp-dpmenu.open{padding:95px 0 0 0; max-height:100%;}
.dropdown-menu{  overflow:hidden; width:90%; height: auto; overflow-y: auto; margin: 0 auto}

.dropdown-menu li{ line-height:1em; list-style:none; padding:25px 0; overflow: hidden;  font-weight: 300; text-align: left; border-bottom: 2px solid #000; background: url("assets/images/arrows.svg")no-repeat center right; background-size: 9px}
.dropdown-menu li a{display:block; color:#000;  width:100%; text-decoration: none; font-size: 1.125rem}
.dropdown-menu li span{ font-size: 1.25rem; color: #006934; margin-top: 5px; width: 30%; display: inline-block}
.dropdown-menu li.dr-menu a.btn{ float: right; background: none; width: 100%; padding-left: 0px; text-align: center;}
.dropdown-menu li.dr-menu a span i.material-icons{ vertical-align: -6px}
.dropdown-menu li.dr-menu-ex a.btn-ex{ float: right; background: none; width: 100%; padding-left: 0px; text-align: center;}
.dropdown-menu li.dr-menu-ex a span i.material-icons{ vertical-align: -6px}
.smp-dpmenu .telno{ width: 300px; margin: 20px auto}
.smp-dpmenu ul.contactbtn-list{ width: 300px; display: flex; margin: 30px auto; justify-content: center; }
.smp-dpmenu ul.contactbtn-list li{ width: 25%; margin-right: 10px}
.smp-dpmenu ul.contactbtn-list li:last-child{ margin-right: 0}
.smp-dpmenu .logo-spmenu{ width: 200px; margin: 30px auto}

.btn > span:last-of-type,
        .btn.active > span:first-of-type
        {
            display: none;
        }
 
.btn.active > span:last-of-type {
            display: inline;
        }
.btn-ex > span:last-of-type,
        .btn-ex.active > span:first-of-type
        {
            display: none;
        }
 
.btn-ex.active > span:last-of-type {
            display: inline;
        }


.smp-dpmenu .dr-sub-menu li:nth-child(3n){ margin-right: 0;}
.smp-dpmenu .contact-btn a:hover{
	opacity: 0.6;
  	filter: alpha(opacity=60);
  	-ms-filter: "alpha(opacity=60)";
}
.smp-dpmenu .dr-sub-menu li a:hover{
	opacity: 0.6;
  	filter: alpha(opacity=60);
  	-ms-filter: "alpha(opacity=60)";
}
.smp-dpmenu p.add{ text-align: center; font-size: 0.875rem; color: #fff; margin-top: 20px; font-weight: normal; letter-spacing: 0.01em}

.main-txt{width: 100%;  text-align: center; position: absolute; top: 0; background: url("assets/images/mask-bg.png")no-repeat left center; height: 100vh; background-size: cover; padding-top: 70%}
.main-txt h1{ color: #fff; width: 93.75%; margin: 0 auto 5px; font-size: 2.3rem; letter-spacing: 0.1em; }
.main-txt p{ color: #fff; font-size: 0.875rem; line-height: 200%; }
/* アニメーション設定 */
.arrowWrap {
  margin-top: 10%;
	position: absolute;
	z-index: 49;
	bottom: 90px
}

.arrow {
  width: 54px;
  margin: 0 auto;
  -webkit-animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
  animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
}

.arrow span {
  position: relative;
  display: block;
  left: 50%;
	
}

.arrow span:before {
  content: '';
  width: 35px;
  height: 35px;
  border: 0;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  box-sizing: border-box;
}

@keyframes arrow {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%, -8px, 0);
    transform: translate3d(-50%, -8px, 0);
  }
}
.arrowWrap p{font-size: 0.625rem; color: #fff; margin-top: 25px; letter-spacing: 0.1rem}

.news{ position: absolute; bottom: 0; z-index: 50; background: url("assets/images/arrows.svg")no-repeat 95% center #fff; width: 100%; }
.wrapper .news{ position: relative; bottom: 0; background: url("assets/images/arrows.svg")no-repeat 95% center #fff; width: 100%; }
.news article{ width: 96%; margin: 10px auto}
.news article .datel{ text-align: left }
.news article .datel a{ color: #000; width:100%; display: block;}
.news article .datel a span{ color: #006934; font-weight: bold; display: block; font-size: 1.125rem; letter-spacing: 0.05rem}
.news article .datel a:hover{ text-decoration: none}
.news article .more{ display: none}
.first-view{ width: 100%;  text-align: center; padding-top: 0; position: relative; z-index: 30; bottom: 90px}

section.box{ width:93.75%; margin: 0 auto ; padding: 50px 0}
#concept{ width: 100%; background: url("assets/images/concept-img2.jpg")no-repeat 79% center; background-size: cover; }
section.box h1{padding-top: 50px; text-align: center; letter-spacing: 0.05em; font-size: 2.5rem; line-height: 100%}
section.box h1 span{ display: block; font-size: 0.875rem; font-weight: bold}
#concept h2{ font-size: 1.125rem; text-align: center;margin-top: 30px; margin-bottom: 30px}
#concept h2 span{ display: block; width: 50px; text-align: center; border: 1px solid #000; margin: 10px auto 30px}
#concept p{ width: 93.75%; margin: 0 auto; line-height: 180%; font-size: 0.875rem; text-align: center}
section#concept h1{ color: #006934}

#forsales{ width: 93.75%; margin: 50px auto 0;}
.view-all{ width: 100%; text-align: right; margin-bottom: 30px}
.view-all img{ width: 100px;}
.sales-list{ width: 100%; display: flex; flex-wrap: wrap;}
.sales-list article{ width: 48%; margin-right: 4%; margin-bottom: 50px}
.sales-list article:nth-child(2n){ margin-right: 0}
.sales-list article .house-img{ width: 100%; height: auto; overflow: hidden}
.sales-list article ul.icon-list{ width: 100%; margin: 5px 0; height: 46px;}
.sales-list article ul.icon-list li{ width: auto; display: inline-block; color: #fff; border-radius: 100px; font-size: 0.75rem; padding: 2px 7px; margin-right: 5px}
ul.icon-list li.new{ background: #DAE000; padding: 2px 13px}
ul.icon-list li.houseicon,ul.icon-list li.landplan{ background: #005726}
ul.icon-list li.newhouse,ul.icon-list li.newhouse{ background:#48BB78}
ul.icon-list li.oldhouse{ background:#634518; }
ul.icon-list li.land{ background:#CDB92D; }
ul.icon-list li.soldout{ background:#AA2729; }
ul.icon-list li.old-apartment{ background:#71871A; }
.sales-list article h2{ font-size: 0.9375rem; margin: 5px 0; padding: 0; color: #000; display: inline-block; border-radius: 100px}

.sales-list article p{ font-size: 0.875rem}
.sales-list article p span{ font-weight: bold}
.sales-list article p.listdeta{ height: 200px}
.sales-list article p.price{font-size: 1.2rem; font-weight: bold; text-align: center; height: 53px; line-height: 133%; margin-top: 12px;}
.sales-list article p.housedata{ height: 222px}
.sales-list article p.price span{font-size: 1.75rem; }
.sales-list article p.more-btn a{ display: block; width: 99%; border:1px solid #000; padding: 5px 0; text-align: center; color: #000; letter-spacing: 0.1em; margin: 20px auto 0; }
.sales-list article p.more-btn a:hover{ text-decoration: none; background: #000; color: #fff}
p.more-btn a{ display: block; width: 300px; border:1px solid #000; padding: 5px 0; text-align: center; color: #000; letter-spacing: 0.1em; margin: 40px 0 0; }
p.more-btn a:hover{ text-decoration: none; background: #000; color: #fff}
#buy,#reform{ width: 93.75%; margin: 20px auto; padding: 0;}
#reform{ margin-bottom: 0}
.box .buy-bg{ width: 100%; background: #FAFAFA; padding: 40px 3%; margin-top: 20px}
.box .buy-bg h1{ font-size: 1.875rem; text-align: left; border-left: 6px solid #005726; padding-left: 15px; padding-top:0; line-height: 140%; margin-bottom: 20px }
.box .buy-bg h1 span{ background-image: linear-gradient(transparent 60%, #DAE000 60%); font-size: 1.875rem; line-height: 140%; display: inline}
footer{ width: 100%; position:absolute;　z-index: 20; border-top: 1px solid #000}
footer .footer-contents{ width: 100%; background: #FAFAFA; padding: 30px 3%; text-align: center}
footer .footer-contents h1{ font-size:2rem; text-align: center; margin-bottom: 20px; letter-spacing: 0.1em}
footer .footer-contents p{ line-height: 180%}
footer .footer-contents ul{ width: 80%; margin: 30px auto 10px}
footer .footer-contents ul li a{  display: block; border: 1px solid #000; margin-bottom: 10px; padding: 8px 0; color: #000; font-size: 1rem}
footer .footer-contents ul li a span{ margin: 2px 0 2px 3px; display: inline-block;}
footer .footer-contents ul li a img{ margin-top: -2px}
footer .footer-contents ul li.line a img{ width: 24px;}
footer .footer-contents ul li.line a span{margin: 2px 0 2px 5px;}
footer .footer-contents ul li.mail a img{ width: 20px;}
footer .footer-contents ul li.mail a span{margin: 2px 0 2px 6px;}
footer .footer-contents p i{ font-style: normal}
.footer{ width: 100%; padding: 40px 3%; background: #fff;}
.footer .footer-ctr{ width: 100%; display: flex; }
.footer .footer-ctr ul{ width: 50%; text-align: left; line-height: 220%}
.footer .footer-ctr ul li a{ color: #000; text-decoration: none}
.footer .footer-ctr ul li a:hover{ text-decoration: underline}
.footer .footer-ctr ul li.banner{ width: 190px; margin: 20px 0 0 0}
.footer .footer-ctl{ width: 100%; margin: 30px 0}
.footer .footer-ctl h2{ width: 250px; margin: 0 auto}
.footer .footer-ctl h1{ font-size: 1.5625rem; text-align: center; line-height: 130%}
.footer .footer-ctl h1 span{ font-size: 1.25rem; display: block; font-weight: 500}
.footer .footer-ctl p{ font-size: 1rem; line-height: 180%}
footer .copyright{ background: #000; text-align: center; font-size: 0.75rem; color: #fff; padding: 15px 0; letter-spacing: 0.1em}

/* @group 物件一覧 */
.header{width: 100%; position: absolute; bottom: 0; z-index: 50; }
.header-area{ width: 100%; margin-top: 140px; text-align: center; }
.header-area h1{ position: relative; display: inline-block; padding: 0 55px; font-size: 1.875rem; line-height: 120%; letter-spacing: 0.1em; width: 94%}
.header-area h1 span{ font-size: 0.875rem; display: block; letter-spacing: 0.05em}
.header-area h1:before,.header-area h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: black;
}
.header-area h1:before {
  left:0;
}
.header-area h1:after {
  right: 0;
}
.area-list{ width: 93.75%; margin: 20px auto}
.area-list article{ width: 100%; margin-bottom: 40px}
.area-list article h3{ font-size: 1.25rem; font-weight: 500}
.area-list article ul{width: 100%; overflow: hidden}
.area-list article ul li{ border-bottom: 1px solid #000; text-align: center; font-size: 0.875rem; float: left; width: 48%; margin-right: 2%; color: #EBEBEB; }
.area-list article ul li:nth-child(2n){margin-right: 0}
.area-list article ul li a{ color: #000;  width: 100%; display: block; padding: 10px 0}
.area-list article ul li a:hover{ background: #DAE000; color: #000; text-decoration: none; }
.area-list article ul li:first-child,.area-list article ul li:nth-of-type(2){border-top: 1px solid #000; }
.area-list article ul li.ov a{ color: #EBEBEB}
.area-list article ul li.ov a:hover{background: #fff;}
.area-list article ul li.has-posts a{ color: #000}
.area-list article ul li.has-posts a:hover{background: #DAE000;}
#forsales h3{ text-align: center; font-size:1.375rem; margin-bottom: 20px; font-weight: 500}
.more-btn-list a{ width: 300px; background:url("assets/images/arrows-wh.png")no-repeat 95% 80% #2A2A2A; color: #fff; text-align: center; display: block; padding: 18px 0; margin: 80px auto; background-size: 37px; letter-spacing: 0.1em}
.more-btn-list a:hover{ background:url("assets/images/arrows-wh.png")no-repeat 95% 80% #6C6C6C; text-decoration: none; background-size: 37px}
/* 物件詳細 */
.house-detail{ width: 100%; }
.house-detail .sub-title{ width: 100%; margin: 20px 0; text-align: left}
.house-detail .sub-title ul.icon-tab{ width: 100%;}
ul.icon-tab li.newhouse,ul.icon-tab li.landplan{ background: #005726; }
ul.icon-tab li.new{ background:#DAE000; }
ul.icon-tab li.oldhouse{ background:#634518; }
ul.icon-tab li.land{ background:#CDB92D; }
ul.icon-tab li.soldout{ background:#AA2729; }
ul.icon-tab li.old-apartment{ background:#71871A; }
ul.icon-tab li{ display: inline-block; margin-right: 5px; padding: 2px 8px; border-radius: 100px; color: #fff; font-size: 0.875rem; }
.house-detail .sub-title h1{ font-size: 1.25rem; text-align: left; padding: 15px 0 5px}
.house-detail .sub-title p{ font-size: 1rem;}
.sub-detail{ width: 100%; margin: 30px 0}
.sub-detail .detail-box-lb{ width: 100%; margin-bottom: 20px}
.sub-detail section h1{ font-size: 1.125rem; text-align: left; border-bottom: 1px solid #000; text-align: left; padding-bottom: 5px; margin-bottom: 10px; font-weight: 600}
.sub-detail section h2{ font-size: 1.5625rem;}
.sub-detail section h2 span{ font-size: 1.125rem; font-weight: bold}
.sub-detail section p{ font-size: 0.875rem; line-height: 180%; font-weight:100}
.sub-detail section ul li{ list-style: disc; margin-left: 20px}
.house-detail .landpran-detail{ width: 100%; overflow: hidden}
.boxlist section h1{ border-left:3px solid #005726; font-size: 1.25rem; text-align: left; padding:0 0 0 10px; margin-bottom: 15px }
.landpran-detail section .img-box{ width: 100%; border: 1px solid #E0E0E0; padding: 20px;}
.landpran-detail section{ margin-bottom: 40px}
.boxlist table{ width: 100%; border-collapse: collapse; border-top:1px solid #ccc; }
.boxlist table tr th{ background: #EEEEEE; }
.boxlist table tr td,.boxlist table tr th{ border-bottom: 1px solid #CCCCCC; padding: 10px; display: block; width: 100%; text-align: left}
.boxlist table.table-form{background: #EEEEEE;}
.boxlist table.table-form  tr td{ padding: 12px; background: #fff; font-size: 0.875rem}
.boxlist table.table-form  tr th{ padding: 10px; font-size: 1rem; font-weight: normal}
.boxlist table.table-form  tr td span.wpcf7-list-item{ display: block; margin-bottom: 3px}
.boxlist .two-column table{border-top:none;}
.boxlist{ margin: 40px 0 0 0}
.boxlist table tr th span{ color: #fff; text-align: center; background: #D50050; padding: 2px 5px; font-size: 0.75rem; margin-left: 10px}
.map {
    position: relative;
    width: 100%;
    padding-top: 70%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sliderArea {
max-width:100%;
margin: 0 auto;
padding: 0 25px;
}

.slick-slide img {
height: auto;
width: auto;
margin: 0 auto;
max-height: 200px;
}
.slick-prev,
.slick-next {
top:-200%;
z-index: 1;
}
.slick-prev:before,
.slick-next:before {
color: #000;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active {
opacity: 1;
}
.slick-current {
opacity: 1;
}
.thumb {
margin: 5px 0 0;
}
.thumb .slick-slide {
cursor: pointer;
height: 40px;
margin-right: 3px
}
.thumb .slick-slide img{
height: auto;
width: auto;
margin: 0 auto;
max-height: 40px;
}
.thumb .slick-slide:hover {
opacity: .7;
}
.slider{ border: 1px solid #ccc}

/*次矢印のアイコンフォントメイン*/
.slider img.prev-arrow-main{ width: 10px; position: absolute; right: -22px; top: 50%}
.slider img.next-arrow-main{ width: 10px; position: absolute; left: -22px; top: 50%}

/*次矢印のアイコンフォントサムネイル*/
.thumb img.prev-arrow{ width: 10px; position: absolute; right: -22px; top: 41%}
.thumb img.next-arrow{ width: 10px; position: absolute; left: -22px; top: 41%}

/*次矢印のアイコンフォント間取り*/
.thumb_slider_room img.prev-arrow-room{ width: 10px; position: absolute; right: -22px; top: 47%}
.thumb_slider_room img.next-arrow-room{ width: 10px; position: absolute; left: -22px; top: 47%}

.slick-dotted.slick-slider{ margin: 12px 0}



#works .works-title{ text-align: center; font-size: 1.25rem}
.works-detail-img{ width: 100%; margin: 50px 0}
.works-detail-img img{ margin-bottom: 20px}

#news ul{ width: 100%; border-top: 1px solid #ccc; padding-top: 10px}
#news ul li{ border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px;}
#news ul li span{ font-size: 0.875rem; display: block; width: 20%; }
#news ul li a{ color: #000; font-size: 0.875rem}
#news .news-detail{ width: 100%; margin-bottom: 50px; border-bottom: 1px solid #ccc; padding-bottom: 50px}
#news .news-detail h1{ margin-top: 0; padding-top: 0; text-align: left; font-size: 1.25rem; margin-bottom: 20px}
#news .news-detail p{ line-height: 180%; font-size: 0.875rem; }
#news .title{ text-align: center}
.title-design1{ font-size: 1rem; margin: 30px auto 10px; position: relative; display: block; padding: 0 55px; text-align: center}
.title-design1:before, .title-design1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}
.title-design1:before {
  left:0;
}
.title-design1:after {
  right: 0;
}
.google-btn a{margin-top: 40px}
.contact{ margin-top: 50px}
.room-plan-listbox{ width: 93%; margin: 0 auto}
.thumb_room li{ border:1px solid #ccc;}
.slick-dots{ color: #000; z-index: 10}
p.house-linkblock{ padding-top:50px }
.kiyaku{ text-align: center; margin: 20px 0}
.poricy{ text-align: center;}
.poricy a{ color: #000; text-decoration: underline; font-size: 0.875rem}
.thanks h2{ font-size: 1.25rem; text-align: center; margin: 10px 0 20px}
.thanks p{ font-size: 0.875rem; line-height: 180%}
.thanks p a{ color: #000; text-decoration: underline;}
#privacy{ font-size: 0.875rem; line-height: 180% }
#global_nav.fixed {
	left: 0;
	position: fixed;
	top: 0;
	z-index: 50;
	bottom: auto
}
.company-deta{ margin-top: 50px}
ul.slider .slick-slide{ height: 200px;}
section.house-detail{ padding-bottom: 30px}

.main-slider{
    margin: 0 auto;
    width: 100%;
}
.main-slider img{
    height: auto;
    width: 100%;
}
.spslider .slick-slide img{
	height: auto;
    width: 100%;
	max-height:100%
}


/*768px*/

@media screen and (min-width : 768px){
	
	.pc{ display:inherit;}
	.sp{ display:none; }
	.tb{ display:none; }
	.tbsp{ display:inherit;}
	.arrowWrap { bottom: 20%}
	.sales-list article{ width: 31%; margin-right: 3%}
	.sales-list article:nth-child(2n){ margin-right: 3%}
	.sales-list article:nth-child(3n){ margin-right: 0}
	.sales-list article p.price{ text-align: right; height: auto;}
	
	#buy,#reform{ width: 100%; margin: 100px 0; padding-bottom: 50px; overflow: hidden}
	#reform{margin: 100px 0 0 0 ; padding-bottom: 0}
	
	#buy{ background:url("assets/images/reform-img.png")no-repeat right top; background-size: 60%}
	#reform{ background:url("assets/images/buy-img.png")no-repeat left top; background-size: 60%}
	#buy .buy-bg{ float: left; margin-left: 3%}
	#reform .buy-bg{ float: right; margin-right: 3%}
	.box .buy-bg{ width: 60%; background: #FAFAFA; padding: 40px 3%; margin-top: 20px}
	.box .buy-bg h1{ font-size: 1.875rem; text-align: left; border-left: 6px solid #005726; padding-left: 15px; padding-top:0; line-height: 140%; margin-bottom: 20px }
	.box .buy-bg h1 span{ background-image: linear-gradient(transparent 60%, #DAE000 60%); font-size: 1.875rem; line-height: 140%; display: inline}
	.box .buy-bg p{ font-size: 0.875rem}
	.area-list{ width: 93.75%; margin: 20px auto; display: flex; flex-wrap: wrap;}
	.area-list article{ width: 48%; margin-bottom: 40px; margin-right: 4%}
	.area-list article:nth-child(2n){ margin-right: 0}
	.area-list article h3{ font-size: 1.25rem; font-weight: 500}
	.area-list article ul{width: 100%; overflow: hidden}
	.area-list article ul li{ border-bottom: 1px solid #000; text-align: center; font-size: 0.75rem; float: left; width: 48%; margin-right: 2%; color: #EBEBEB; }
	.area-list article ul li:nth-child(2n){margin-right: 0}
	.area-list article ul li a{ color: #000;  width: 100%; display: block; padding: 10px 0}
	.area-list article ul li a:hover{ background: #DAE000; color: #000; text-decoration: none; }
	.area-list article ul li:first-child,.area-list article ul li:nth-of-type(2){border-top: 1px solid #000; }
	.area-list article ul li.ov a{ color: #EBEBEB}
	.area-list article ul li.ov a:hover{background: #fff;}
	.area-list article ul li.has-posts a{ color: #000}
	.area-list article ul li.has-posts a:hover{background: #DAE000;}
	#forsales h3{ text-align: center; font-size:1.5625rem; margin-bottom: 30px; font-weight: 500}
	
	/* 物件詳細 */
	.house-detail .landpran-detail{ width: 100%; display: flex}
	.landpran-detail section{ margin-bottom: 40px; width: 49%; margin-right: 2%}
	.landpran-detail section.land-plan{ margin-right: 0}
	.slick-list{ width: 100%}
	.map {
    position: relative;
    width: 100%;
    padding-top: 40%;
    height: 0;}
	.works-detail-img{ width: 90%; margin: 50px auto}
	.slider{ margin: 6px auto; width: 70%;}
	.slider img.prev-arrow{ top: 40%}
	.slider img.next-arrow{ top: 40%}
	.thumb-item-nav li{ margin-right: 4px}
	ul.slider .slick-slide{ height: 400px;}
	.slick-slide img {
	height: auto;
	width: auto;
	margin: 0 auto;
	max-height: 550px;}
	.thumb .slick-slide img{
	height: auto;
	width: auto;
	margin: 0 auto;
	max-height: 80px;
	}
	.first-view{ width: 100%;  text-align: center; position: absolute; top: 0; height: 100vh; border-top: 0; border-left: 0; border-right: 0;}
	.thumb { width: 70%;  margin: 5px auto 0;}
	.thumb .slick-slide {
	cursor: pointer;
	height: 70px;
	margin-right: 3px
	}
	.title-design1{ font-size: 1.25rem; margin: 40px 0 20px; position: relative; display: inline-block; padding: 0 55px; text-align: left}
	.sales-list article h2{ font-size: 1rem;}
	.sales-list article p.housedata{ height: 163px}
	.sales-list article p.listdeta{ height: 175px}
	
	
}

/*1100px*/
@media screen and (min-width : 1100px) {
	
.pc{ display:inherit;}
.sp{ display:none; }
.tb{ display:inherit;}
.tbsp{ display:none;}
	
.fullSlideShow ul li img {
	width: 90%;
	display: block;
    margin: 0 auto;
}
	
/* @group Header */
.header{width: 100%; position: absolute; bottom: 0; z-index: 50; display: block}
header,.header{ width: 100%; background: #fff}
header.change-color{ background: #fff;}
header .hgr,.header .hgr{ width:97%; padding: 0 ; overflow: hidden; margin: 30px auto 20px}
header .hgr{margin: 20px auto}
header .hgr .head-menu-sub h1,.header .hgr .head-menu-sub h1{ width: 20%; float: left; margin-top: 0; padding: 0; }
header .hgr .head-menu-sub,.header .hgr .head-menu-sub{ width: 100%; overflow: hidden; display: flex; }
header .hgr .head-menu-sub .head-sub-left,.header .hgr .head-menu-sub .head-sub-left{ width: 100%; display: flex; text-align: left; justify-content: flex-end;}
header .hgr .head-menu-sub .head-sub-left ul,.header .hgr .head-menu-sub .head-sub-left ul{ overflow: inherit; margin-top: 0;  }
header .hgr .head-menu-sub .head-sub-left ul li,.header .hgr .head-menu-sub .head-sub-left ul li{ float: left; margin-right: 35px; font-size: 1em; font-weight: 300; text-align: center; letter-spacing: 0.05rem; padding-bottom: 10px; font-size: 0.875rem;}
header .hgr .head-menu-sub .head-sub-left ul li:last-child,.header .hgr .head-menu-sub .head-sub-left ul li:last-child{ margin-left: 0}
header .hgr .head-menu-sub .head-sub-left ul li a,.header .hgr .head-menu-sub .head-sub-left ul li a{ color: #000; padding-bottom: 10px}
header .hgr .head-menu-sub .head-sub-left ul li a span,.header .hgr .head-menu-sub .head-sub-left ul li a span{ display: block; color: #006934; font-size:1.25rem }
header .hgr .head-menu-sub .head-sub-left ul li a:hover,.header .hgr .head-menu-sub .head-sub-left ul li a:hover{ border-bottom: 3px solid #DAE000; text-decoration: none; }
header .hgr .head-menu-sub .telno,.header .hgr .head-menu-sub .telno{ width: 194px; float: right; margin-left: 35px;}
header.change-color .hgr .head-menu-sub .head-sub-left ul li a,.header.change-color .hgr .head-menu-sub .head-sub-left ul li a{ color: #000;}
header .hgr .head-menu-sub .head-sub-left ul li.ov a,.header .hgr .head-menu-sub .head-sub-left ul li.ov a{ text-decoration: none; border-bottom: 3px solid #DAE000;}
header.home{ display: none}
#global_nav.fixed {
	left: 0;
	position: fixed;
	top: 0;
	z-index: 50;
	bottom: auto
}
.wrapper {padding-bottom: 150px}
section.box{ width:93.75%; padding: 100px 0}
section.box h1{padding-top: 0; text-align: center; letter-spacing: 0.1em; font-size: 2.5rem; line-height: 100%}
section.box h1 span{ display: block; font-size: 0.875rem; font-weight: bold}
	
.news{ position: absolute; bottom: 19%; background-color:rgba(255,255,255,0.8); width: 45%; background-image: none }
.news article{ width: 96%; margin: 10px auto; display: flex}
.news article .datel{ width: 80%; font-size: 0.875rem; text-align: left}
.news article .datel a{ color: #000; width:100%; display: inline;}
.news article .datel a span{ color: #006934; font-weight: bold; display: inline; font-size: 0.875rem; letter-spacing: 0.05rem}
.news article .datel a i{ font-style: normal}
.news article .datel a:hover{ text-decoration: underline}
.news article .more{ display: block; text-align: right; width: 20%}
.news article .more a{ text-decoration: underline; color: #000; font-size: 0.75rem}
.news article .more a:hover{ text-decoration: none}

#concept{ width: 100%; background: url("assets/images/concept-img2.jpg")no-repeat center 96%; background-size: cover; }
#concept p{ width: 93.75%; margin: 0 auto; line-height: 180%; text-align: center; font-size: 1rem}

.arrowWrap { bottom: 19%}
#reform{padding-bottom: 0}
	
footer{ width: 100%; position:absolute;　z-index: 20; border-top: 1px solid #000}
footer .footer-contents{ width: 100%; background: #FAFAFA; padding: 75px 3%; text-align: center}
footer .footer-contents h1{ font-size:2.5rem; text-align: center; margin-bottom: 20px; letter-spacing: 0.1em}
footer .footer-contents p{ line-height: 180%; font-size: 1rem}
footer .footer-contents ul{ width: 1080px; margin: 40px auto; display: flex}
footer .footer-contents ul li{width: 340px; margin-right: 30px}
footer .footer-contents ul li:last-child{ margin-right: 0;}
footer .footer-contents ul li a{  display: block; border: 1px solid #000; margin-bottom: 10px; padding: 12px 0; color: #000; font-size: 1rem}
footer .footer-contents ul li a:hover{ background: #E3E3E3}
footer .footer-contents ul li a span{ margin: 2px 0 2px 3px; display: inline-block;}
footer .footer-contents ul li a img{ margin-right: 4px; }
footer .footer-contents ul li.line a img{ width: 24px;}
footer .footer-contents ul li.line a span{margin: 2px 0 2px 5px;}
footer .footer-contents ul li.mail a img{ width: 20px;}
footer .footer-contents ul li.mail a span{margin: 2px 0 2px 6px;}
footer .footer-contents p i{ font-style: normal}
	
.footer{ width: 100%; padding: 40px 3%; background: #fff; display: block; overflow: hidden}
.footer .footer-ctr{ width: 40%; display: flex; float: right}
.footer .footer-ctr ul{ width: 33%; text-align: left; line-height: 200%; }
.footer .footer-ctr ul li a{ color: #000; text-decoration: none; font-size: 0.875rem}
.footer .footer-ctr ul li a:hover{ text-decoration: underline}
.footer .footer-ctr ul li.banner{ width: 220px; margin: 0 0 0 20px}
.footer .footer-ctl{ width: 50%; margin: 30px 0; float: left; display: flex}
.footer .footer-ctl h2{ width: 130px; margin: 0; }
.footer .footer-ctl h1{ font-size: 1.25rem; text-align: left; line-height: 130%; margin-bottom: 20px}
.footer .footer-ctl h1 span{ font-size: 0.875rem; display: block; font-weight: 500}
.footer .footer-ctl p{ font-size: 0.875rem; line-height: 160%}
footer .copyright{ background: #000; text-align: center; font-size: 0.875rem; color: #fff; padding: 15px 0; letter-spacing: 0.1em}
.footer .footer-ctl .company-deta{ width: 70%; margin-left: 20px; margin-top: 0}
footer .copyright{ text-align: left; }
footer .copyright span{ width: 94%; }
.header-area{ margin-top: 160px; text-align: center; }
.header-area h1:before,.header-area h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 25%;
  height: 1px;
  background-color: black;
}
.area-list{ margin-top: 100px; width: 1300px}
.area-list article{ margin-bottom: 50px}
.area-list article ul li{ font-size: 0.875rem}
.area-list article ul li a{padding: 13px 0}
.more-btn-list a{ width: 400px; }

/* 物件詳細 */
	section.house-detail{ width: 93.75%; padding-top: 50px}
	.house-detail .sub-title{ width: 100%; margin: 20px 0; text-align: left}
	.house-detail .sub-title ul.icon-tab{ width: 100%;}
	ul.icon-tab li{ display: inline-block; margin-right: 5px; padding: 2px 8px; border-radius: 100px; color: #fff; font-size: 0.875rem; }
	.house-detail .sub-title h1{ font-size: 1.5625rem; text-align: left; padding: 15px 0 5px}
	.house-detail .sub-title p{ font-size: 1.125rem; letter-spacing: 0.1em}
	.sub-detail{ width: 100%; margin: 30px 0; display: flex}
	.sub-detail section{ width: 49%; margin-right: 6%}
	.sub-detail .detail-box-lb{ width: 49%; margin-bottom: 0}
	.sub-detail .detail-box-rb{ margin-right: 0;}
	.sub-detail .detail-box-rb ul li{ font-weight: 100}
	.sub-detail section h1{ font-size: 1.25rem; text-align: left; border-bottom: 1px solid #000; text-align: left; padding-bottom: 10px; margin-bottom: 15px; font-weight: 600}
	.sub-detail section h2{ font-size: 2.5rem;}
	.sub-detail section h2 span{ font-size: 1.25rem; font-weight: bold}
	.sub-detail section p{ font-size: 1rem; line-height: 180%}
	.sub-detail section ul li{ list-style: disc; margin-left: 20px}
	.house-detail .landpran-detail{ width: 100%; display: flex}
	.boxlist section h1{ border-left:3px solid #005726; font-size: 1.5625rem; text-align: left; padding:0 0 0 10px; margin-bottom: 15px }
	.landpran-detail section .img-box{ width: 100%; border: 1px solid #E0E0E0; padding: 20px;}
	.landpran-detail section{ margin-bottom: 40px; width: 49%; margin-right: 2%}
	.landpran-detail section.land-plan{ margin-right: 0}
	.boxlist table{ width: 100%; border-collapse: collapse; border-top:1px solid #ccc; display: table}
	.boxlist .two-column table{border-top:none;}
	.boxlist table tr th{ background: #EEEEEE; width: 14%}
	.boxlist table tr td,.boxlist table tr th{ border-bottom: 1px solid #CCCCCC; padding: 15px 10px; display: inline-block; width: auto; text-align: left; display: table-cell}
	.boxlist table tr th{ width: 14%; text-align: center}
	.boxlist table.table-form{ display: table}
	.boxlist table.table-form tr td{ width: 70%; display: table-cell}
	.boxlist table.table-form tr th{ width: 30%; text-align: center; display: table-cell}
	.boxlist table.table-form tr th{ padding: 20px 10px;}
	.boxlist table tr td{ width: 86%}
	.boxlist .two-column{ width: 100%; display: flex}
	.boxlist .two-column table{border-collapse: collapse; }
	.boxlist .two-column table tr th{ width: 28%;}
	.boxlist .two-column table tr td{ width: 72%}
	.boxlist{ margin: 50px 0}
	.slider img.prev-arrow{ top: 35%}
	.slider img.next-arrow{ top: 35%}
	.thumb-item-nav li{ margin-right: 4px}
	
	.slider{ margin: 60px auto 5px; width: 798px; }
	.thumb{ margin: 10px auto 100px; width: 800px;}
	.slick-prev,.slick-next{top: 50%;}
	
	.map {padding-top: 30%; margin-bottom: 30px}
	.works-detail-img{ width: 80%; margin: 50px auto}
	#news ul{ width: 90%; border-top: 1px solid #ccc; padding-top: 20px; margin: 0 auto}
	#news ul li{ border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; overflow: hidden}
	#news ul li span{ font-size: 0.875rem; display: block; width: 15%; float: left}
	#news ul li a{ color: #000; font-size: 0.875rem; width: 85%; float: right}
	#news ul li a:hover{ color: #DAE000; text-decoration: none}
	#news .news-detail{ width: 90%; margin: 0 auto 90px}
	#company{ width: 90%; margin: 0 auto 90px}
	#contact{ width: 80%; margin: 0 auto 90px}
	.thumb .slick-slide { height: 100px; margin-right: 4px; background:#F2F2F2}
	.slick-slide img{
    height: auto;
    width: auto;
	margin: 0 auto;
	min-height:100;
	max-height: 100%;}
	ul.slider .slick-slide{ height: 530px;}
	.thumb .slick-slide img{ height: auto; width: auto; margin: 0 auto; max-height: 140px; }
	section.house-detail{ padding-bottom: 30px}
	.header .hgr{ display: block}
	.sales-list article p.listdeta{ height: 150px}

}
/*1350px*/
@media screen and (min-width : 1350px) {
	header .hgr{ width:1300px; padding: 0 ; overflow: hidden; margin: 30px auto 20px}
	header .hgr{margin: 20px auto}
	.news{ bottom: 19%;  }
	.arrowWrap {bottom: 19%}
	#forsales,#works{ width: 1300px; margin: 50px auto 0;}
	#forsales{ padding-bottom: 0}
	.sales-list article{ width: 406px; margin-right: 40px; margin-bottom: 40px}
	.sales-list article:nth-child(2n){ margin-right: 40px}
	.sales-list article:nth-child(3n){ margin-right: 0}
	.sales-list article:last-child{ margin-right: 0}
	.sales-list article ul.icon-list{ width: 100%; margin: 13px 0 9px}
	.sales-list article ul.icon-list li{ font-size: 0.875rem;}
	.sales-list article p.more-btn a{width: 200px; font-size: 1rem;}
	#buy .buy-bg{ float: left; margin-left: 3%}
	#reform .buy-bg{ float: right; margin-right: 3%}
	.box .buy-bg{ width: 580px; padding: 55px 65px; margin-top: 20px}
	.box .buy-bg p{ font-size: 1rem; line-height: 180%}
	#reform{padding-bottom: 0}
	.footer{ width: 100%; padding: 40px 0; background: #fff; }
	.footer article{ width: 1300px; margin: 0 auto}
	footer .copyright span{ width: 1300px; margin: 0 auto; display: block}
	.header-area h1{  width: 1300px}
	section.house-detail{ width: 1300px;}
	
	.works-detail-img{ width: 900px; margin: 50px auto}
	#news ul{width: 900px;}
	#news .news-detail{ width: 900px;}
	#company{ width: 900px; padding-bottom: 0}
	#company table tr th{ width: 20%}
	#company table tr td{ width: 80%; padding: 15px 30px; }
	#contact{ width: 1100px; }
	.thanks{ width: 900px;}
	#privacy{ width: 980px;}
	section.house-detail{ padding-bottom: 30px}
	.fullSlideShow ul li img {
	width: 100%;
	display: block;
    margin: 0 auto;
}
	
}