@charset "UTF-8";
/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th, 
td { padding:8px; line-height:1.4em;}
input{ margin-right:5px;}	
.switch {
	visibility: hidden;
}
div{ margin: 0; padding: 0;}
img {
   vertical-align:bottom
}

body{ font:16px/1.5 ArialMT; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin:0; padding:0; color:#130F21;}
h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }
@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.header:after,
#header:after,
#headerIn:after,
.headerContact:after,
.head-nav:after,
.spCrearBox:after,
.newList li:after,
.kurashi3Box:after,
.madoriList:after,
.worksList:after,
.voiceList:after,
.staffList:after,
#footer:after,
#footerMenu:after,
.eventSerchBox:after,
.eventListSub:after,
.eventTagBox:after,
.bx-pager:after,
.staffListSub:after,
.staffDetailBox:after,
.staffTxt .ttl:after,
.shopPhoto:after,
.shopDetail:after,
ul.serchSortNavi:after,
h3:after,
.galleryTtl:after,
.galleryTtl .detail ul:after,
ul.galleryWrapSub:after,
.voiceBox:after,
.reserveBox ol:after,
.voiceWrapSub li:after,
.voicePager:after,
.lineupMenu:after,
.aboutBox:after,
.newListSub li:after,
.conceptList:after,
.standardBox:after,
.standardOl li:after,
.qualityBox:after,
.topAboutBox:after,
.contentsWrapSub:after,
.eventDayBox:after,
.eventAccess:after,
.blog_info:after,
.nav-below:after,
.companyBox:after,
.staffListSub li:after,
.staffListSub dl:after,
.staffListSub dl dt:after,
.modelPoint:after,
.modelPoint02:after,
.modelMap:after,
.modelhousePlace:after,
.reserveTel:after,
.reserveHouse:after,
.reservePoint:after,
.qualityBox05:after,
.qualityBox06:after,
.qualityGallery:after,
.qualityGallery02:after,
.showroomMerit:after,
#instagram:after,
#instagramNew:after,
.lineupItemList:after,
.lineupItemList02:after,
.voiceBoxNew:after,
.voicePhotoList:after,
.contentsWrapVoice:after,
.voicePagerNew ul li:after,
.voicePagerNew ul:after,
.contents:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.clearfix,
.header,
#header,
#headerIn,
.headerContact,
.head-nav,
.spCrearBox,
.newList li,
.kurashi3Box,
.madoriList,
.worksList,
.voiceList,
.staffList,
#footer,
#footerMenu,
.eventSerchBox,
.eventListSub,
.eventTagBox,
.bx-pager,
.staffListSub,
.staffDetailBox,
.staffTxt .ttl,
.shopPhoto,
.shopDetail,
ul.serchSortNavi,
h3,
.galleryTtl,
.galleryTtl .detail ul,
ul.galleryWrapSub,
.voiceBox,
.reserveBox ol,
.voiceWrapSub li,
.voicePager,
.lineupMenu,
.aboutBox,
.newListSub li,
.conceptList,
.standardBox,
.standardOl li,
.qualityBox,
.topAboutBox,
.contentsWrapSub,
.eventDayBox,
.eventAccess,
.blog_info,
.nav-below,
.companyBox,
.staffListSub li,
.staffListSub dl,
.staffListSub dl dt,
.modelPoint,
.modelPoint02,
.modelMap,
.modelhousePlace,
.reserveTel,
.reserveHouse,
.reservePoint,
.qualityBox05,
.qualityBox06,
.qualityGallery,
.qualityGallery02,
.showroomMerit,
#instagram,
#instagramNew,
.lineupItemList,
.lineupItemList02,
.voiceBoxNew,
.voicePhotoList,
.contentsWrapVoice,
.voicePagerNew ul li,
.voicePagerNew ul,
.contents{ display:inline-block;overflow:hidden;_overflow:visible;display:block; }
* html .clearfix,
* html .header,
* html #header,
* html #headerIn,
* html .headerContact,
* html .head-nav,
* html .spCrearBox,
* html .newList li,
* html .kurashi3Box,
* html .madoriList,
* html .worksList,
* html .voiceList,
* html .staffList,
* html #footer,
* html #footerMenu,
* html .eventSerchBox,
* html .eventListSub,
* html .eventTagBox,
* html .bx-pager,
* html .staffListSub,
* html .staffDetailBox,
* html .staffTxt .ttl,
* html .shopPhoto,
* html .shopDetail,
* html ul.serchSortNavi,
* html h3,
* html .galleryTtl,
* html .galleryTtl .detail ul,
* html ul.galleryWrapSub,
* html .voiceBox,
* html .reserveBox ol,
* html .voiceWrapSub li,
* html .voicePager,
* html .lineupMenu,
* html .aboutBox,
* html .newListSub li,
* html .conceptList,
* html .standardBox,
* html .standardOl li,
* html .qualityBox,
* html .topAboutBox,
* htmlentsWrapSub,
* html .eventDayBox,
* html .eventAccess,
* html .blog_info,
* html .nav-below,
* html .companyBox,
* html .staffListSub li,
* html .staffListSub dl,
* html .staffListSub dl dt,
* html .modelPoint,
* html .modelPoint02,
* html .modelMap,
* html .modelhousePlace,
* html .reserveTel,
* html .reserveHouse,
* html .reservePoint,
* html .qualityBox05,
* html .qualityBox06,
* html .qualityGallery,
* html .qualityGallery02,
* html .showroomMerit,
* html #instagram,
* html #instagramNew,
* html .lineupItemList,
* html .lineupItemList02,
* html .voiceBoxNew,
* html .voicePhotoList,
* html .contentsWrapVoice,
* html .voicePagerNew ul li,
* html .voicePagerNew ul,
* htmlents{ height:1%; }


/* ----------- anchor */
a { color:#218AA5;}
a:hover { color:#ED6D00;  text-decoration:none;}
a .imgbt:hover{opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

.onlySP { display: none;}


/*----------------------------------------------------
 	header
----------------------------------------------------*/

h1{ background: #948A54; color: #fff; font-size: 12px;	line-height: 3em; }
h1 span{ display: block; width:1000px; margin:0 auto;}

#header{ padding-top: 5px;line-height: 0; }
#headerIn{ margin-bottom: 20px;}
#header .headerLogo{ width: 430px; float:left;margin-top: 50px;}
#header .headerContact{ width: 490px; float:right; font-size: 13px;}

#header .headerLink{ text-align: right; line-height: 2em;background: url(../img/bdr_headerLink.png) no-repeat left bottom; padding-bottom: 5px; margin-top: 10px; margin-bottom: 20px;} 
#header .headerLink li{ display:inline-block; font-size: 12px; padding-left: 15px; margin-right: 10px;}

#headerIn .headerReserve{ width: 240px; float:left;}
#headerIn .headerTel{ width: 240px; float:right;}

#mobile {display: none;}
#gNavi{ width: 100%; background: #E4E0CE;}
.head-nav{ width: 1000px; margin: 0 auto;}
.head-nav li{ float:left;} 
.head-nav li img{ display:block;} 
.head-nav span{ display:none;}
.head-nav .close{ display:none;} 


/*----------------------------------------------------
 	TOP
----------------------------------------------------*/

@media only screen and (min-width: 668px) { 
#slideBox{
	width: 100%;
	background:url(../img/bg_slide.jpg) center center!important;
	overflow:hidden;
	_zoom:1;
	height:480px;
	margin-bottom: 20px;
}
#slideWarpB{ height:440px;padding-top: 20px;}
.bx-viewport {
  overflow: visible!important;
  width: 1026px!important;
}
.main-container {
  overflow: hidden;
  padding-bottom: 150px;
}
#slideBgB {
  margin: 0;
  padding: 0;
}
#slideBgB li {
  width: 1000px!important;
  margin: 0;
  padding: 0;
}
}



/*------------- 	TOP施工事例  -------------*/

.topGalleryBox{ width: 490px;float: right;margin-top: 10px;text-align: center; position:relative;}
#slideGalleryWrap{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url(../img/bg_topGallery.png) repeat;
}
.slideGallery{
	width: 490px;
}
.slidegalleryBox {width:450px!important; overflow:hidden;margin-left: auto; margin-right: auto;}
.slidegalleryBox ul {margin:0 auto; width:240px;}
.slick-list {overflow:visible!important;}

.contentsWrap{ width: 100%; padding:50px 0;}
.contentsWrapSub{ width: 100%; padding:10px 0;}
.contentsWrapNo{ width: 100%; padding:0 0 50px;}
.contentsWrap2{ width: 100%; padding:50px 0; background: #FBF8F2;}
.contentsWrap3{ width: 100%; padding:50px 0; background: #F8F1DC;}
.contentsWrapAbout{ background:url( ../img/bg_about.jpg) repeat; color: #fff; padding:50px 0;}
.contentsWrapAbout2{ background:url( ../img/bg_about02.jpg) repeat; color: #fff; padding:10px 0;}
.contentsWrapDocument{ color: #fff; padding:50px 0;}
.contentsWrapSp0{ width: 100%; padding:50px 0;}
.contentsWrapEvent{ width: 100%; padding:50px 0; border-top: 1px solid  #000;text-align: center;}
.contentsWrapEvent2{ width: 100%; padding:60px 0; background:url( ../img/bg_event.png) repeat;}
.contentsWrapLIne{ width: 100%; padding:50px 0; background: #E0E9F0;}
.contentsWrapLIne02{ width: 100%; padding:50px 0; background: #EAE4D8;}


.contents{ width:1000px; margin:0 auto;}
.contentsSp100{width:1000px; margin:0 auto;}


/*------------- 	イベント  -------------*/
.pamfBox{ width: 235px; float:right;}
.pamfBox img{ max-width:100%;} 
.pamfBox .boxNo01{ margin-bottom: 20px;}

.spTelBox{ display:none;}

.topEventWrap{  background: url(../img/bg_event.jpg); padding: 50px 0;}
.eventTop h2{ background: #CD665F; padding: 7px 0 18px; text-align: center;}
.eventTop{ width: 235px; float:left;}
.eventTop a{ display:block; background: #fff; padding: 15px; width: 235px; } 
.eventTop a:hover{ background: #F6F2E7;} 
.eventTop .title{ margin-bottom: 15px; font-weight: bold; }
.eventTop .title a{ color: #130F21; text-decoration: underline;}
.eventTop .linkR a{ width: 100%; display:block;  background: #836950; color: #fff;  font-size: 90%; text-align: center;}
.eventTop .linkR a:hover{ background: #D9A300;}
.eventTop .linkR a span{ background: url(../img/bg_linkArw.png) no-repeat left center; padding-left: 20px; display:inline-block; }
.eventTop .photoBox{ background: #fff; width: 190px; height:132px; border: 1px solid #DDDDDD; text-align:center; padding: 2px; margin-bottom: 10px;margin-left: auto;margin-right: auto;}
.eventTop .photoBox div{ display:table-cell; vertical-align:middle; width:188px; height:127px;}
.eventTop .photoBox img{ max-width:188px; max-height:127px;}

.eventTop a .title{ margin-bottom: 10px; color: #333; text-decoration: underline; font-weight: bold;} 
.eventTop .timeTbl{ margin-bottom: 5px; width: 100%;}
.eventTop .timeTbl th { background: #5C8034; color: #fff; font-size: 80%; text-align: center; padding: 3px 0 2px;} 
.eventTop .timeTbl td { background: #96BE58; color: #fff; text-align: center; padding: 6px 0 5px;} 
.eventTop .scheTbl { font-size: 80%;}
.eventTop .scheTbl dt{
  background:#130F21;
  color:#fff;
  text-align:center;
  padding:2px 4px 1px;
  clear: left;
  float: left;
  width: 3em;
  margin-right:5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.eventTop .scheTbl dd {
  color:#382500;
  margin-left: 3em;
  padding:2px 4px 1px;
  margin-bottom:5px;
  text-decoration: none;
}
.eventTop a { text-decoration: none;}

.newList{ width: 490px; float:left; margin-left: 20px; }
.newList h2{ background: #fff; padding: 10px 16px 19px; } 
.newList ul{  margin-bottom: 10px; height:390px; overflow:scroll; font-size: 96%;background: #fff;}
.newList ul li{ background:#F5F7F9 ; font-size: 90%; padding: 17px 12px;}
.newList ul li:nth-child(2n){ background:#fff ; font-size: 90%; padding:17px 12px;}
.newList ul li dl{ margin-top: 2px;}
.newList ul li dt{ margin-bottom: 2px;} 
.newList ul li dt .news{ display:inline-block; font-size: 70%; color: #fff; background: #D9A300; padding: 2px 4px 1px; margin-left: 10px; vertical-align: top;}
.newList ul li dt .event{ display:inline-block; font-size: 70%; color: #fff; background: #CD665F; padding: 2px 4px 1px; margin-left: 10px; vertical-align: top;}

.kurashi3Box{width: 1035px;margin-right: -35px;}
.kurashi3Box li{ width: 310px; float:left; margin-right: 35px;}
.kurashi3Box li img{max-width: 100%;}
	
.topAboutCap{ margin-bottom: 30px; text-align: center;}
.topAboutBox{ width:1020px; margin-right: -20px; margin-bottom: 30px;}
.topAboutBox li a{
	display:block;
	padding: 30px 10px 10px;
	background: #fff;
	width: 184px;
	float:left;
	margin-right: 20px;
	box-shadow:rgba(217, 217, 217, 0.277344) 0px 0px 2px 3px;
	-webkit-box-shadow:rgba(217, 217, 217, 0.277344) 0px 0px 2px 3px;
	-moz-box-shadow:rgba(217, 217, 217, 0.277344) 0px 0px 2px 3px;
	-o-box-shadow: rgba(217, 217, 217, 0.277344) 0px 0px 2px 3px;
	-ms-box-shadow: rgba(217, 217, 217, 0.277344) 0px 0px 2px 3px;
}
.topAboutBox li a:hover{ background:#FDDDC2 ;}
 
.contentsWrapDocument ul li{width: 30%; float:right;}
.contentsWrapDocument ul li:last-child{width: 70%; float:left; padding-top: 15px;}
.contentsWrapDocument ul li:last-child p{ text-align: left;}
.contentsWrapDocument:hover{ opacity:0.5;filter:alpha(opacity=50);}

.snsBox{ text-align: center;}

#instagram{ width: 500px; margin-right: -10px;}
#instagram img{
	display: block;
	width: 115px;
	height: 115px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}



/*----------------------------------------------------
 	footer
----------------------------------------------------*/
#footer{ background: #FBF8F2;width: 100%;padding: 40px 0;}
#footer .footerBox01{ width: 660px; float:left; margin-right: 20px;}
#footer .footerBox02{ width: 320px; float:right; }

#footer  h4{ color: #fff; margin-bottom: 10px; background:url(../img/bg_footer.png) repeat-x bottom;  padding-bottom: 15px; margin-bottom: 15px;}

#footer .ftSiteMap{ margin-bottom: 10px; width: 330px; float:left;}
#footer .ftSiteMap li{ margin-bottom: 5px; background: url(../img/bg_ftSitemap.png) no-repeat 0% 6px; padding-left: 16px; }
#footer .ftSiteMap li a{ color: #130E20; text-decoration: none;}
#footer .ftSiteMap li a:hover{ color: #D9A300;text-decoration: underline;}
#footer .ftTtl{ color: #8C4600; font-size: 110%;margin-bottom: 10px;}

#footerMenu{ display:none;}

#copyright{ font-size: 80%;  margin-top: 10px; margin-bottom: 20px;}
.pageTop{ text-align: center;}
.contentsWrapSub .pageTop{ padding: 20px 0 30px;}


/*----------------------------------------------------
 	下位common
----------------------------------------------------*/

.breadcrumb ul{ width: 1000px; margin:0 auto; padding: 20px 0 30px; font-size: 80%;} 
.breadcrumb ul li{ display:inline-block;}
.breadcrumb ul li a{color: #999999; text-decoration: underline;}
.breadcrumb ul li:before { content:"＞"; margin-right: 5px; margin-left: 5px;}
.breadcrumb ul li:first-child:before { content:""; margin-right: 0;}
.breadcrumb ul li a:hover { text-decoration: none; color: #ED6D00;} 

.list01 li{ background:url(../img/bg_list01.png) no-repeat left top; padding-left: 14px; margin-bottom: 5px; }

.subMenu ul{ width: 960px; margin:30px auto 0;}
.subMenu ul li{ width: 25%; float:left;} 

#sideBar{ width: 235px; float:right; margin-bottom: 80px;}
#main{ width: 735px; float:left; }

#sideBar .sideBox01{
	border: 1px solid #C1B496;
	border-top: 4px solid #C1B496;
	padding-top: 15px;
	margin-bottom: 30px;
}
#sideBar h3.side01{text-align: center; margin-bottom: 15px;}
#sideBar .sideMenu01 li a{
	display:block;
	height:46px;
	line-height: 26px;
	width: 100%;
	padding: 10px;
	background:#F5F7F9  url(../img/bg_side01.png) no-repeat 98% center;
	text-decoration: none;
	font-size: 90%;
	color: #130E20;
}
#sideBar .sideMenu01 li:nth-child(2n) a{	background:#fff  url(../img/bg_side01.png) no-repeat 98% center;}
#sideBar .sideMenu01 li a:hover{background: #F6F2E7 url(../img/bg_side01.png) no-repeat 98% center;}
#sideBar .sideMenu02 li{ padding: 10px 10px 0; }
#sideBar .sideMenu02 li:last-child{padding: 10px;} 
#sideBar .sideMenu03{ border-top: 1px dotted #DDDDDD;}
#sideBar .sideMenu03 li a{
	display:block;
	border-bottom: 1px dotted #DDDDDD;
	background:#fff  url(../img/bg_side02.png) no-repeat 2% center;
	height:37px;
	line-height: 37px;
	text-decoration: none;
	color: #130E20;
	font-size: 84%;
	padding-left: 25px;
}
#sideBar .sideMenu03 li a:hover{ background: #F6F2E7 url(../img/bg_side02.png) no-repeat 2% center;}


#sideBar .sideBox02{ margin-bottom: 30px;}
#sideBar .sideBox02 h3{
	border-bottom: 1px solid #948A54;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: center;
}
#sideBar .sideBox02 .sideTag li{display: inline;}
#sideBar .sideBox02 .sideTag li a{
	display: inline-block;
	padding: 3px 5px 2px;
	border: 1px solid  #333;
	font-size: 70%;
	margin-bottom: 10px;
	color: #130F21;
	text-decoration: none;
}
#sideBar .sideBox02 .sideTag li a:hover{ background: #E4E0CE;}


#sideBar .sideBox02 .sideNews a{ text-decoration: none; font-size: 90%; color: #545454;}
#sideBar .sideBox02 .sideNews a:hover{ color: #948B51; text-decoration: underline;} 
#sideBar .sideBox02 .sideNews li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #E4E2D4;
}


.table02 {
	width:100%;
	border:1px solid #ddd;
	text-align:left;
	color:#333;
	background: #fff;
	font-size: 80%;
	}
.table02 th,.table02 td{ padding: 10px;}
.table02 th { width:25%; border:1px solid #ddd; background:#eee;text-align:left; font-weight:normal;}
.table02 td { width:75%; border:1px solid #ddd;text-align:left;}


.table01 {
	width:100%;
	border:1px solid #ddd;
	text-align:left;
	color:#333;
	background: #fff;
	font-size: 80%;
	}
.table01 th,.table01 td{ padding: 10px;}
.table01 th { width:25%; border:1px solid #ddd; background:#eee;text-align:left; font-weight:normal;}
.table01 td { width:75%; border:1px solid #ddd;text-align:left;}

#main h2,
.contentsWrapSub h2{ border-bottom: #948A54 1px solid; padding-bottom: 20px; margin-bottom: 30px;}
#main h2,
.contentsWrapSub h2.bdrNone{ border-bottom: none; }


/*----------------------------------------------------
 	下位event
----------------------------------------------------*/
.eventSub{ margin-bottom: 60px;}
.eventSub ul{ width: 755px; margin-right: -15px;}
.eventSub ul li{ position:relative;}
.eventSub ul li .comingIcon img{ position:absolute; top:0;}
.eventSub ul li .endIcon img{ position:absolute; top:0;}
.eventSub ul li,.eventSub ul li.end{ width: 360px; float:left; margin-right: 15px; margin-bottom: 40px;}
.eventSub ul li a,.eventSub ul li.end{
	display:block;
	background: #F6F2E7;
	color: #130E20;
	text-decoration: none;
}
.eventSub ul li.end{ background: #E8E8E8; opacity:0.5;filter:alpha(opacity=50);}
.eventSub ul li.coming a{ background: #F1E5C2;}
.eventSub ul li a:hover{ background: #FDDDC2;}
.eventSub .photoBox{ text-align: center;}
.eventSub .photoBox img{ max-width:360px; max-height:240px;}
.eventSub .cont{ padding: 20px;}
.eventSub .ttl{ margin-bottom: 10px; font-weight: bold; text-decoration: underline;}
.eventSub .timeTbl{ margin-bottom: 10px; width: 100%;}
.eventSub .timeTbl th { background: #5C8034; color: #fff; font-size: 80%; text-align: center; padding: 3px 0 2px;} 
.eventSub .timeTbl td { background: #96BE58; color: #fff; text-align: center; padding: 6px 0 5px;} 
.eventSub .scheTbl { font-size: 80%;}
.eventSub .scheTbl dt{
  background:#130F21;
  color:#fff;
  text-align:center;
  padding:2px 4px 1px;
  clear: left;
  float: left;
  width: 3em;
  margin-right:5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.eventSub .scheTbl dd {
  color:#382500;
  margin-left: 3em;
  padding:2px 4px 1px;
  margin-bottom:5px;
  text-decoration: none;
}
.eventSub a { text-decoration: none;}

/*-----詳細----*/
h3.eventH3{
	text-align: center;
	font-size: 190%;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
} 
h3.eventH3 span{
	background: #CD665F;
	color: #fff;
	font-size: 46%;
	padding: 9px 10px 8px;
	margin-left: 10px;
	vertical-align: middle;
}
.eventDayBox li{
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
/*	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-size: 130%;
	text-align: center;
	padding: 20px;
	width: 49%;
	float:left;
}
.eventDayBox li:nth-child(2n){ float:right;}


.eventDetailTbl{width: 100%; font-size: 90%; text-align: center;margin-bottom: 30px;}
.eventDetailTbl,.eventDetailTbl th,.eventDetailTbl td{
	border-collapse:collapse;
	border: 1px solid #DDDDDD;
}
.eventDetailTbl th{ background: #FFEFBF; font-size: 92%;}
.eventDetailTbl td span{ background: #D90B0B; color: #fff; padding: 2px 6px 1px; font-size: 76%; display:inline-block; margin-left: 5px; font-weight: bold;}

@media only screen and (min-width: 667px) { 
.eventSlideBox{ width: 640px; margin:20px auto 40px;}
.event_slider{  text-align: center;}
.event_slider li{
	width:640px!important;
	height:430px;
	margin: 20px auto;
	padding: 2px;
	border: 1px solid #ddd;
}
.event_slider li div{ display:table-cell; width: 640px; height:430px; vertical-align:middle; margin-top: -2px!important;}
.event_slider li img{ max-width:638px; max-height:428px;margin-left: auto; margin-right: auto;}
.eventSlideBox .bx-viewport,.eventSlideBox .bx-wrapper{ text-align: center;}
.eventSlideBox .bx-wrapper .bx-viewport{ height:450px!important;}
.eventSlideWrap .bx-pager{
	margin: 30px auto 20px!important;
	width: 640px!important;
}
.eventSlideWrap .bx-pager li{ display:inline;}
.eventSlideWrap .bx-pager li a{
	display:block;
	width: 200px;
	height:133px;
	float:left;
	margin-right: 20px;
	border: 1px solid #ddd;
	text-align: center;
	padding: 0;
}
.eventSlideWrap .bx-pager li a.active{
	border: 2px solid #948A54;
}
.eventSlideWrap .bx-pager li.last a{ margin-right: 0;}
.eventSlideWrap .bx-pager li span{ display:table-cell!important; vertical-align:middle!important; width: 200px; height:133px;margin-top: 0;}
.eventSlideWrap .bx-pager li span img{
	max-width:194px!important;
	max-height:127px!important;
	vertical-align: top;
	margin-top: -2px!important;
}
.eventSlideWrap .bx-pager li a.active span img{ margin-top: -3px!important;}
}

.eventCapBox{ width: 640px; margin:0 auto;}
.eventCapBox ul{ margin-bottom: 40px;}
.eventCapBox li:before{ content:"★ "; }


.eventAccess{ border: 1px solid #CCCCCC; padding: 20px; margin-bottom: 40px;}
.eventAccess .mapBox{
	width: 49%;
	float:left;
}
.eventAccess .txtBox{
	width: 49%;
	float:right;
}
.eventAccess .google-maps {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.eventAccess .google-maps iframe,
.eventAccess .google-maps object,
.eventAccess .google-maps embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.eventAccess .google-maps {
	width: 100%;
	height:400px;
}
.eventAccess .txtBox h4{
/*	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #130F21;
	font-size: 120%;
}
.eventAccess .txtBox .cap{
/*	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	margin-bottom: 20px;
}
.eventAccess .txtBox a{ color: #928A52;}

.formCap{
/*	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-size: 140%;	
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}

.contentsWrapEvent ul li{ font-size: 80%;}
.eventForm{ width: 740px; margin:0 auto 60px;}
.eventForm  table{ width: 100%; margin-bottom: 20px;font-size: 90%; background: #fff;}
.eventForm table,.eventForm table th,.eventForm table td{ border-collapse:collapse; border: 1px solid #CCCCCC;}
.eventForm table th{ background: #E4E0CE; text-align: left; width: 30%;}
.eventForm table th,.eventForm table td{ padding: 10px;}
.eventForm .keitaiBox{ width: 560px; margin: 10px auto 20px;background: #FAFAFA; border: 1px solid #DDDDDD; padding: 20px; }

.eventForm .ppBtn{ background: #ddd; text-align: center; font-size: 80%; width: 560px; margin:0 auto; padding: 10px;text-decoration: underline;}
.eventForm .ppBtn:hover{ text-decoration: none;}
.eventForm .Privacy{ display:none; width: 560px; margin:0 auto; padding: 10px; font-size: 90%;}


/*----------------------------------------------------
 	下位施工事例
----------------------------------------------------*/

ul.galleryWrapSub{ width: 770px; margin-right: -20px; margin-bottom: 30px;}
.galleryWrapSub li{ width: 365px; float:left; margin-right: 20px; margin-bottom: 40px;}
.galleryWrapSub li .photoBox{ width: 365px; height: 214px; overflow: hidden; }
.galleryWrapSub li .photoBox img{ /*max-width:365px; max-height:214px;*/ margin-bottom: 10px;}
.galleryWrapSub li .title{margin-bottom: 10px; font-weight: bold;}


.gallerySortNavi{ width: 740px; float: right; text-align: right; margin-bottom: 80px;font-size: 0;}
.gallerySortNavi li{ display:inline;}
.gallerySortNavi li a{
	font-size: 12px;
	display: inline-block;
	width: 36px;
	height:36px;
	line-height: 36px;
	color: #130E20;
	text-align: center;
	text-decoration: none;
	border: 1px solid  #130C1F;
	border-right: 0;
	margin: 0;
	padding: 0;
}
.gallerySortNavi li a.current{ background: #130E20; color: #fff;}
.gallerySortNavi li.nextSort a{width: 70px;border-right: 1px solid  #130C1F;}
.gallerySortNavi li a:hover{ background: #6CAD9B; color: #fff;}


/*-----詳細----*/

.galleryDetailCap{
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}

@media only screen and (min-width: 667px) { 
.gallerySlideBox{ width: 800px; margin:20px auto 40px;}
.gallery_slider{  text-align: center;}
.gallery_slider li{
	width:800px!important;
	height:533px;
	margin: 20px auto;
}
.gallery_slider li div{ display:table-cell; width: 800px; height:533px; vertical-align:middle; margin-top: -2px!important;}
.gallery_slider li img{ max-width:796px; max-height:529px;margin-left: auto; margin-right: auto;}
.gallerySlideBox .bx-viewport,.eventSlideBox .bx-wrapper{ text-align: center;}
.gallerySlideBox .bx-wrapper .bx-viewport{ height:533px!important;}

.galleryWrap .bx-pager{
	margin: 30px auto 20px!important;
	width: 800px!important;
}
.galleryWrap .bx-pager li{ display:inline;}
.galleryWrap .bx-pager li a{
	display: inline-block;
	width: 72px;
	height:72px;
	float:left;
	margin-right: 30px;
	text-align: center;
	padding: 0;
	overflow: hidden;
	border: 3px solid #fff;
	border-radius: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;  

}
.galleryWrap .bx-pager li a.active{
	border: 3px solid #948A54;
}
.galleryWrap .bx-pager li.last a{ margin-right: 0;}
.galleryWrap .bx-pager li img{
	max-height:72px!important;
	vertical-align: top;
}
}

/*----------------------------------------------------
 	下位voice
----------------------------------------------------*/

.voiceWrapSub{ margin-bottom: 30px;}
.voiceWrapSub li{
	position: relative;
	width: 100%;
	padding: 20px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
.voiceWrapSub li:first-child{ padding-top: 0;}
.voiceWrapSub li:last-child{border-bottom: none;}

.voiceWrapSub .photoBox{
	width: 235px;
	background: #fff;
	display:table;
	text-align: center;
	float:left;
}
.voiceWrapSub .photoBox img{ max-width: 235px;}
.voiceWrapSub li a p{ color: #545454;}
.voiceWrapSub li a p.title{ text-decoration: underline; margin-bottom: 5px;font-size: 120%; font-weight: bold; }
.voiceWrapSub li a p.detail{ text-decoration: none;font-size: 88%;}
.voiceWrapSub li a center{ text-align: left; color: #130F21;}
.voiceWrapSub li .txtBox{ width: 430px; float:left; margin-left: 20px;}
.voiceWrapSub li .btnKw{ position: absolute; bottom: 20px; right: 0;}


/*-----詳細----*/
.voiceTtl{
	font-size: 180%;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}
.voiceBox{
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin-bottom: 30px;
}
.voiceBox .photo{
	width:35%;
	float:left;
}
.voiceBox .photo img{ max-width:100%;	border: 5px solid #fff;}
.voiceBox .txt{
	width: 62%;
	float:right;
}
.voiceBox .txt .ttl{
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #130F21;
/*	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	*/
}
.voiceLetter{
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
/*	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	*/
	line-height: 2em;
}
.voiceLetter .ttl{
	font-size: 130%;
	background: #948A54;
	padding: 17px 0 16px;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
}
.voicePhotoWrap{
	width: 640px;
	margin-left: auto; margin-right: auto;
	margin-bottom: 40px;
}
.voicePhoto{
	margin-bottom: 10px;
	border: 1px solid #DDDDDD;
	text-align: center;
	padding: 2px;
}
.voicePhoto img{
	max-width:636px;
}

.voicePager{margin-bottom: 80px;}
.voicePager ul{ display:table; table-layout:fixed; width: 100%;border-collapse:collapse;}
.voicePager ul li{ display: table-cell; border: 1px dotted #dddddd; padding: 20px; border-collapse:collapse;}
.voicePager ul li:hover{ opacity:0.5;filter:alpha(opacity=50); cursor:pointer;}
.voicePager ul li:nth-child(2n){text-align: right;} 
.voicePager ul li a{ text-decoration: none;}
.voicePager ul li a .name{ font-size: 110%; color: #130F21; text-decoration: underline;}
.voicePager ul li a:hover .name{ text-decoration: none;}
.voicePager ul li a .ttl{ text-decoration: none; color: #948A54; padding-top: 15px;  font-size: 90%; margin-bottom: 5px;}
.voicePager ul li a .ttl span{ display:inline-block;background: url(../img/bg_voice.jpg) no-repeat left 5px;padding-left: 15px;}
.voicePager ul li:nth-child(2n) a .ttl span{ display:inline-block;background: url(../img/bg_voice2.jpg) no-repeat right 5px;padding-right: 15px;}
.voicePager ul li a .photo{
	width: 88px;
	height:88px;
	border-radius: 44px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px; 
	overflow: hidden;
	float:left;
	margin-right: 10px;
}
.voicePager ul li a .photo img{ max-width:140px; max-height:120px;}
.voicePager ul li:nth-child(2n) a .photo{ float:right; margin-right: 0; margin-left: 10px;}
.galleryLink .capTxt{ color: #545454;}


/*-----詳細 201602修正----*/

#main h2.voice,
.contentsWrapSub h2.voice{ border-bottom: #948A54 1px solid; padding-bottom: 20px; margin-bottom: 10px;}

.voiceTtlNew{
	text-align: center;
	padding: 30px 0 30px;
	margin-bottom: 20px;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.voiceTtlNew02{
	padding: 20px 0 20px;
	margin-bottom: 20px;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing:0.1em;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.voiceMain img{max-width: 735px;}
.voiceBoxNew{ margin-bottom: 30px;}
.voiceBoxNew li:first-child{ float: left;}
.voiceBoxNew li:last-child{ float: right;}
.voiceBoxNew .photo{width: 240px;}
.voiceBoxNew .txt{width: 475px;}
.voiceBoxNew .photo img{ max-width: 100%; margin-bottom: 10px;}


.voicePhotoList{ border-bottom: 1px dotted #CCCCCC; padding-bottom: 40px; margin-bottom: 40px; }
.voicePhotoList li{
	width: 168px;
	float: left;
	margin-right: 21px;
}
.voicePhotoList li:last-child{margin-right: 0;}

.contentsWrapVoice{ width: 100%; background: #FBF8F1;}
#leftHalf{
	background:url(../img/bgVoice.jpg) right center no-repeat;
	width:50%;
	float: left;
	height: 412px;
}
#rightHalf{
	width:50%;
	float: right;
	float: left;
}
#leftHalf img{  width: 475px; height: 253px; float: right; margin-top: 80px; margin-right: 30px; }
#rightHalf img{ width: 475px; height: 253px; float: left;margin-top: 80px; margin-left: 30px; }


.voicePagerNew{margin-bottom: 80px;font-size: 92%; }
.voicePagerNew ul{ display:block;  width: 100%;}
.voicePagerNew ul li{ border-bottom: 1px dotted #dddddd; padding: 20px; width: 310px; margin-right: 35px; float: left;} 
.voicePagerNew ul li:nth-child(2){ border-bottom: none; text-align: center;}
.voicePagerNew ul li:nth-child(2) a{  text-decoration: none;}
.voicePagerNew ul li:nth-child(2) a .ttl{ color: #928A52; text-decoration: none;}
.voicePagerNew ul li:hover{ opacity:0.5;filter:alpha(opacity=50); cursor:pointer;}
.voicePagerNew ul li:last-child{text-align: right; margin-right: 0;} 
.voicePagerNew ul li a .name{ color: #130F21; text-decoration: underline;}
.voicePagerNew ul li a:hover .name{ text-decoration: none;}
.voicePagerNew ul li a .ttl{ text-decoration: none; color: #948A54; padding-top: 5px;  font-size: 90%; margin-bottom: 5px;}
.voicePagerNew ul li a .ttl span{ display:inline-block;background: url(../img/bg_voice.jpg) no-repeat left 5px;padding-left: 15px;}
.voicePagerNew ul li:last-child a .ttl span{ display:inline-block;background: url(../img/bg_voice2.jpg) no-repeat right 5px;padding-right: 15px;}
.voicePagerNew ul li a .photo{
	width: 88px;
	height:88px;
	border-radius: 44px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px; 
	overflow: hidden;
	float:left;
	margin-right: 10px;
}
.voicePagerNew ul li a .photo img{ max-width:140px; max-height:120px;}
.voicePagerNew ul li:last-child a .photo{ float:right; margin-right: 0; margin-left: 10px;}




/*----------------------------------------------------
 	下位concept
----------------------------------------------------*/

.conceptWrap { font-size:14px;}
.conceptWrap h2 { border:0;}
.conceptCap { padding:60px 0;}
.txPCtc { text-align:center;}

.conceptCapBox{
	background: url(../concept/img/concept_bg.png) no-repeat center bottom;
	text-align: center;
	padding: 0 0 50px;
}
.conceptCapBox02{
	background: url(../concept/img/concept_bg02.png) no-repeat right top; height: 400px;
}



/*-----lifestyle----*/

.lifestyleHL {
	margin-bottom:10px!important;
	padding-bottom:0!important;
	color:#FDBBA6;
	font-family:"Times New Roman", Times, "游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:40px;
	letter-spacing:0.1em;
	text-align:center;
	line-height:1.3em;
	font-weight:normal;
	}
.lifestyleHL span { font-size:0.75em; letter-spacing:0.3em;}

.lifestyleHL02 {
	margin-bottom:20px!important;
	padding-bottom:0!important;
	color:#928C4C;
	font-family:"Times New Roman", Times, "游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:32px;
	letter-spacing:0.1em;
	text-align:center;
	line-height:1.5em;
	font-weight:normal;
	}
	
.lifestyleHL03 {
	margin-bottom:10px!important;
	padding:30px 15px 20px;
	color:#ffffff;
	font-family:"Times New Roman", Times, "游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:36px;
	letter-spacing:0.01em;
	text-align:center;
	vertical-align:bottom;
	font-weight:normal;
	}
.lifestyleHL03 img { width:auto; height:64px; margin-right:5px; vertical-align:top;}

.lifestyleHL04 {
	margin-bottom:20px!important;
	padding-bottom:0!important;
	color:#928C4C;
	font-family:"Times New Roman", Times, "游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	letter-spacing:0.01em;
	text-align:center;
	line-height:1.5em;
	font-weight:normal;
	}


.lifestyleScene01L{
	float:left;
	width:490px;
	height:auto;
}

.lifestyleScene01R{
	float:right;
	width:490px;
	height:auto;
}


.lifestyleimgR{
	float:right;
	width:470px;
	height:auto
}

.lifestyleimgL{
	float:left;
	width:470px;
	height:auto;
}

.lifestyleBg01{
	width:100%;
	background:url(../concept/img/ls_bg01.png) repeat;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.lifestyleBg02{
	width:100%;
	background:url(../concept/img/ls_bg02.jpg) repeat;
	padding-top:50px;
}





/*-----design----*/

.designHL {
	margin-bottom:10px!important;
	padding-bottom:0!important;
	color:#AACE8E;
	font-family:"Times New Roman", Times, "游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:40px;
	letter-spacing:0.1em;
	text-align:center;
	line-height:1.3em;
	font-weight:normal;
	}
.designHL span { font-size:0.75em; letter-spacing:0.3em;}

.designBox01 {
	background:#C3D0D6 url(../concept/img/design_bg01.png) center top no-repeat;
	margin:80px 0;
	padding:60px 0;
	text-align:center;
	color:#351205;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	letter-spacing:0.1em;
	line-height:1.8em;
	position:relative;
	}
.designBox01:before {
	content:"";
	width:100%;
	height:10px;
	background:url(../concept/img/design_line01.png) left top repeat-x;
	position:absolute;
	top:-15px;
	left:0;
	}
.designBox01:after {
	content:"";
	width:100%;
	height:10px;
	background:url(../concept/img/design_line01.png) left bottom repeat-x;
	position:absolute;
	bottom:-15px;
	left:0;
	}

.designHL01 {
	color:#604C3E;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:36px;
	text-align:center;
	font-weight:bolder;
	margin-bottom:60px;
	}
.designHL01 img { width:auto; height:64px; vertical-align:bottom; margin-right:10px;}
	
.designScene01{
	width:1000px;
	min-height:440px;
	background:url(../concept/img/design_bg02.png) center top no-repeat;
	margin-bottom:80px;
	padding-left:520px;
	}
.designScene02{
	width:1000px;
	min-height:440px;
	background:url(../concept/img/design_bg03.png) center top no-repeat;
	margin-bottom:80px;
	padding-right:520px;
	}
.designScene03{
	width:1000px;
	min-height:616px;
	background:url(../concept/img/design_bg04.png) center top no-repeat;
	margin-bottom:80px;
	padding-left:490px;
	}
.designScene04{
	width:1000px;
	min-height:485px;
	background:url(../concept/img/design_bg05.png) center top no-repeat;
	margin-bottom:80px;
	padding-right:490px;
	}

h3.designScene {
	margin-bottom:30px;
	color:#928A52;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	letter-spacing:0.1em;
	line-height:1.5em;
	font-weight:bolder;
	}
	
.designArrange {
	width:100%;
	background: transparent url("../img/bg_about.jpg") repeat scroll 0% 0%;
	padding:60px 0;
	margin-bottom:60px;
	text-align:center;
	color:#fff;
	}
.designArrange h3 {
	margin-bottom:5px;
	font-size:28px;
	letter-spacing:0.1em;
	color:#FFFF26;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
.designArrange p { font-size:24px; margin-bottom:25px;}
	
.designArrange ul {
	text-align:center;
	}
.designArrange li {
	width:120px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	}
.designArrange li img {
	width:110px;
	height:auto;
	border:5px solid #fff;
	margin-bottom:10px;
	vertical-align:top;
	}
.designArrange li span { display:block; font-size:14px;}

.designHL02 {
	color:#BD9757;
	/*font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-size:36px;
	font-weight:normal;
	margin-bottom:30px;
	}
.designHL02 img { width:auto; height:48px; vertical-align:bottom; margin-right:10px;}
.iconZoom { width:18px; height:auto; margin-right:5px; vertical-align:bottom;}

.designCordinate { overflow:hidden; margin:0 -1px -1px 0;}
.designCordinate li{
	width:142px;
	margin:0 1px 1px 0;
	float:left;
	}
.designCordinate li img { width:100%; height:auto;}
.designCordinate li a:hover img {opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}

.designCordinateTx {
	padding:60px 0;
	font-size:28px;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	line-height:1.5em;
	}
.conceptLinkBox {
	width:100%;
	background:url(../img/bg_event.png) left top repeat;
	padding:60px 0;
	margin-bottom:60px;
	}
.conceptLinkBox ul {
	width:1020px;
	margin:0 auto;
	overflow:hidden;
	}
.conceptLinkBox ul li {
	float: left;
	margin:0 10px;
	}
	
.conceptLinkBox02 {
	width:1000px;
	padding:18px 7px;
	margin-bottom:60px;
	border:1px solid #948A54;
	overflow:hidden;
	}
.conceptLinkBox02 li {
	float:left;
	margin:0 9px;
	}
.conceptLinkHL img{ width:350px; height:auto; margin-bottom:10px;}

/*-----quality----*/

.qualityHL {
	margin-bottom:10px!important;
	padding-bottom:0!important;
	color:#928A52;
	font-family:"Times New Roman", Times, "游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:40px;
	letter-spacing:0.1em;
	text-align:center;
	line-height:1.3em;
	font-weight:normal;
	vertical-align: bottom;
	}
.qualityHlSub{
	background: url(../concept/img/quality/bg_qualityHlSub.png) ;
	padding: 12px 12px 11px;
	margin-bottom: 3px;
}
.qualityBox01,.qualityBox02{
	background: url(../concept/img/quality/bg_bdr.png)  no-repeat bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.qualityBox01 .cont{
	padding: 63px 0 60px;
	background: url(../concept/img/quality/bg_quality01.png)  right bottom no-repeat;
}
.qualityBox02 .cont{
	padding: 53px 0 59px;
	background: url(../concept/img/quality/bg_quality02.png)  right bottom no-repeat;
}
.qualityBox03{
	padding: 63px 0 70px;
	background: url(../concept/img/quality/bg_quality03.png)  right bottom no-repeat;
	margin-bottom: 40px;
}
.qualityBox04{
	padding: 63px 0 70px;
	/*padding: 40px 0 48px;*/
	background: url(../concept/img/quality/bg_quality04.png)  right bottom no-repeat;
	/*margin-bottom: 40px;*/
	margin-bottom:40px;
}
.qualityBox05{
	padding: 20px 0 250px;
	background: url(../concept/img/quality/bg_quality05.png)  right bottom no-repeat;
	margin-bottom: 40px;
}
.qualityBox05 div{float: right;}
.qualityBox06{
	padding: 10px 0 10px;
	background: url(../concept/img/quality/bg_quality06.png)  right bottom no-repeat;
	margin-bottom: 40px;
}
.qualityBox06 div{float: right;}

.qualityHlSub02{
	background: url(../concept/img/quality/bg_qualityHlSub02.png) ;
	padding: 12px 12px 11px;
	margin-bottom: 3px;
}
.qualityGallery{
	width: 1020px;
	margin-right: -20px;
	/*background: url(../concept/img/quality/bg_bdr.png)  no-repeat bottom;*/
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.qualityGallery02{
	width: 1020px;
	margin-right: -20px;
	margin-bottom: 80px;
}
.qualityGallery li,.qualityGallery02 li{ width: 235px;float: left;margin-right: 20px;}


/*----------------------------------------------------
 	下位sitemap privacy
----------------------------------------------------*/

.sitemapList{ margin-bottom: 10px;}
.sitemapList li{ margin-bottom: 10px; background: url(../img/bg_ftSitemap.png) no-repeat 0% center; padding-left: 16px;}
.sitemapList li a{ color: #382500;}
.sitemapList li a:hover{ color: #FF9A00;text-decoration: underline;}

.privacyBox h3{ font-size: 130%; margin-bottom: 20px;}
.privacyBox dl{ margin-bottom: 20px;}
.privacyBox dl dt {font-weight: bold;}
.privacyBox dl dt span{ color: #D9A300; margin-right: 5px;}
.privacyBox dl dd{ margin-left: 20px;}
.privacyBox dl dd ul{ margin-left: 23px;}
.privacyBox dl dd ul li { list-style-type:disc;}


/*----------------------------------------------------
 	下位blog
----------------------------------------------------*/
.post h3{
	font-size: 190%;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dotted #CCC;
}
.post{ border-bottom: 1px dotted #CCC;padding-bottom: 40px;}
.blog_info ul{text-align: right;}
.blog_info ul li{
	display: inline-block;
	color:#AAAAAA;
	font-size: 80%;
}
.blog_info ul li a{	color:#AAAAAA;text-decoration: none;}

.nav-below{border-bottom: 1px solid #CCC; padding-top: 40px;padding-bottom: 40px;margin-bottom: 40px;}
.nav-below .nav-previous{ display: block; width: 49%; float: left;}
.nav-below .nav-next{ display: block; width: 49%; float: right;text-align: right;}
.nav-below a{ color: #130C1F;}
.nav-below a:hover{ color: #948A54;}
.nav-below .nav-previous span{ display: inline-block; background: url( ../img/bg_blogP.png) no-repeat center left; padding-left: 20px;} 
.nav-below .nav-next span{ display: inline-block; background: url( ../img/bg_blogN.png) no-repeat center right; padding-right: 20px;} 
.blogCont .linkR{ margin-bottom: 60px; text-align: right;}
.blogCont .linkR a{ color: #130C1F;} 
.blogCont .linkR a{ display: inline-block; background: url( ../img/bg_blogN.png) no-repeat center right; padding-right: 20px;} 
.blogCont .linkR a:hover{ color: #948A54;}
.post p{ margin-bottom: 20px;}

.postNavi{ width: 740px; float: right; text-align: right; margin-bottom: 80px;font-size: 0;}
.postNavi a,.postNavi .current{
	font-size: 12px;
	display: inline-block;
	width: 36px;
	height:36px;
	line-height: 36px;
	color: #130E20;
	text-align: center;
	text-decoration: none;
	border: 1px solid  #130C1F;
	border-right: 0;
	margin: 0;
	padding: 0;
}
.postNavi .current{ background: #130E20; color: #fff;}
.postNavi .next{width: 70px;border-right: 1px solid  #130C1F;}
.postNavi .prev{width: 100px;}
.postNavi a:hover{ background: #6CAD9B; color: #fff;}

/*----------------------------------------------------
 	下位about会社概要
----------------------------------------------------*/

h2.about{
	font-size: 190%;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	margin-bottom: 30px;
}
.pcCenter{ text-align: center;}
.companyBox{ margin-bottom: 60px;}
.companyBox table{
	width: 560px;
	float: left;
	font-size: 90%;
}
.companyBox table th,.companyBox table td{ padding: 10px;}
.companyBox table th{ text-align: left; width: 20%;}
.companyBox table tr{border-bottom: 1px solid #333;}
.companyBox table tr:nth-child(2n) { background: #F5F7F9; }
.companyBox .photoBox{
	width: 406px;
	float: right;
}
.companyBox02{
	background: url(../img/bg_event.jpg) repeat;
	position:relative;
	margin-bottom: 60px;
	padding: 20px;
}
.accessHl{
	position: absolute;
	margin-top: -42px;
	width: 169px;
	height:51px
}
.companyBox02 .cont{ background: #fff; padding: 20px; margin-top: 30px;width: 390px; float: left; height: 330px;}
.companyBox02 .cont table{ width: 100%; font-size: 90%; margin-bottom: 20px;}
.companyBox02 .cont table th{ text-align: left;}
.companyBox02 table tr{border-bottom: 1px solid #333;}
.companyBox02 .mapWrap{width: 550px; height: 330px; float: right; margin-top: 30px; border: 10px solid  #fff;background:#fff;}
.modelroomMap {
	width:100%;
	height:300px;
	background:#fff;
	border:1px solid #ccc;
	margin:0 auto 12px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*----------------------------------------------------
 	下位staff
----------------------------------------------------*/
.staffListSub{ margin-bottom: 40px;}
.staffListSub li{
	border: 1px solid #948B51;
	padding: 20px;
	margin-bottom: 30px;
}
.staffListSub li .photoBox{ width: 180px; height:230px;float: left;}
.staffListSub li .txtBox{
	width: 500px;
	float: right;
	font-size: 90%;
}
.staffListSub li .txtBox .name{
	font-weight: bold;
	font-size: 130%;
	border-bottom: 1px solid #948C4E;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.staffListSub li .txtBox .name span{ font-size: 80%; margin-left: 10px;}

.staffListSub li dt{
  clear: left;
  float: left;
  width: 7em;
  border-top:1px dotted #CCCCCC;
  text-align: right;
  padding: 4px 0 3px;
}
.staffListSub li dd {
  margin-left: 7em;
  margin-bottom: 10px;
  border-top:1px dotted #CCCCCC;
  padding: 4px 0 3px 10px;
}
.staffListSub li dd a{ text-decoration:underline;}
.staffListSub li dt:first-child {border:none;}
.staffListSub li dt:first-child + dd {border:none;}
.staffListSub li dt:last-of-type { margin-bottom:0;}
.staffListSub li dt:last-of-type + dd {margin-bottom:0;}


/*----------------------------------------------------
 	下位modelhouse showroom
----------------------------------------------------*/
.modelhouseTitle01{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #4a639e;
	font-weight: bold;
	font-size:200%;
}
.modelhouseTitle02{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	font-size:150%;
}
.modelSlideW{ margin-bottom: 40px; padding-bottom: 80px; border-bottom: 1px dotted  #202020; }
.modelPoint,.modelPoint02{ margin-bottom: 40px;padding-bottom: 40px; border-bottom: 1px dotted  #202020; }
.modelPoint .pointBox{width: 350px;float: left;}
.modelPoint .pointList{
	width: 610px;
	float: right;
	border-left: #202020 solid 2px;
	padding-left: 30px;
}
.modelPoint .pointList li,.modelPoint02 .pointList li{
	background: url(../modelhouse/img/bg_point.png) no-repeat;
	margin-bottom: 10px;
	padding: 0 0 1px 16px;
}
.modelPoint02 .pointBox{width: 470px;float: left;}
.modelPoint02 .pointList{
	width: 470px;
	float: right;
	border-left: #202020 solid 2px;
	padding-left: 30px;
}
.modelMap{ margin-bottom: 80px;}
.modelMap .mapBox{
	width: 490px;
	float: left;
}
.modelMap .google-maps {
position: relative;
padding-bottom: 70.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.modelMap .google-maps iframe,
.modelMap .google-maps object,
.modelMap .google-maps embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modelMap .link{
	width: 490px;
	float: right;
}
.modelhousePlace{ margin-bottom: 40px;}
.modelhousePlace li{
/*	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*開催日時あり
	width: 49%;
	float: left;*/
	width: 50%;
	margin:0 auto;
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
	padding: 27px 10px 26px;
	text-align: center;
	font-size: 120%;
	font-weight: bolder;
}
/*.modelhousePlace li:last-child{
	width: 49%;
	float: right;
}*/

.showroomCap{
/*	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	background: url(../showroom/img/bg_01.jpg) no-repeat center center;
	text-align: center;
	font-size: 120%;
	line-height: 2em;
	color: #1F1F1F;
	margin-bottom: 40px;
	font-weight: bold;
}
.showroomMerit{
	background: #F0F0D3;
	padding: 20px 0 0 10px;
	margin-bottom: 40px;
}

.showroomMerit .imgBox{
	width: 390px;
	float: left;
}
.showroomMerit ul{
	width: 600px;
	float: right;
	padding-top: 20px;
}
.showroomMerit li{
	background: url(../modelhouse/img/bg_point.png) no-repeat left center;
	margin-bottom: 10px;
	padding: 0 0 1px 16px;
	font-size: 105%;
}


/*----------------------------------------------------
 	下位reserve
----------------------------------------------------*/
.eventForm h2{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom: 1px solid #DDDDDD;
	background: #BD9757;
	border-top: 1px solid #DDDDDD;
	font-size: 120%;
	color: #555555;
	padding: 10px 10px 9px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
} 
.eventForm .cont>ul { margin-bottom: 20px; font-size: 84%;}
.eventForm .cont>ul>li{ margin-left: 20px;text-align: center;} 

.reserveBox{ width: 100%; background: #EEEEEE; color: #333; margin-bottom: 40px;}
h4.eventH4{ background: #99925A; text-align: center; color: #fff;font-size: 120%; margin-bottom: 20px; padding: 15px 15px 14px;}
.reserveBox h4{ margin-bottom: 0;}
.reserveBox .cont{
	padding: 20px;
	margin-bottom: 40px;
}
.reserveBox .cont ol{ margin-bottom: 20px; font-size: 110%;}
.reserveBox .cont ol li{
	background: url(../reserve/img/bg_reserve.png) no-repeat right;
	font-size: 80%;
	width: 195px;
	float:left;
	text-align: center;
	padding-right: 20px;
}
.reserveBox .cont ol li:nth-child(5){ width: 175px; padding-right: 0;background: none;}
.reserveBox .cont ol li .ttl{ color: #000; font-size: 110%;} 
.reserveBox .cont ol li .ttl{ font-weight: bold;}
.reserveBox .cont ol li img{ margin-bottom: 10px;}

.reservePoint{ margin-bottom: 50px;}
.reservePoint li:first-child{ width: 55%;float: left;padding-top: 30px;}
.reservePoint li:last-child{ width: 45%; float: right;}

.reserveBox .contCap{
	display:table;
	table-layout:fixed;
	background: #fff;
	font-size: 80%;
}
.reserveBox .contCap .ttl{
	display:table-cell;
	width: 20%;
	padding: 20px;
	background: #555555;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}
.reserveBox .contCap ul{
	display:table-cell;
	width: 80%;
	padding: 20px;
}
.reserveBox .contCap li{ margin-bottom: 5px; padding-left: 1.3em;}
.reserveBox .contCap li:last-child{ margin-bottom: 0;}
.reserveBox .contCap li span{ margin-left:-1.3em;   padding-right: 0.3em;} 

.eventForm ul.formList{ margin-bottom: 0;}
.eventForm .formList li{ list-style-type:none; margin-left: 0;}
.formList li:last-child{ margin-bottom: 0;}
.eventForm .formList li {padding-left: 5px;padding-bottom: 10px;}
.eventForm .formList li div{ width: 20px; float:left;}
.eventForm .formList li p{ float: left; width: 100%; margin-left: -20px;margin-bottom: 10px;}
.eventForm .formList li label{ margin-left: 20px; display: block;}

.reserveTel { border-top: 1px dotted #202020;border-bottom: 1px dotted #202020; padding-bottom: 20px;padding-top: 20px; margin-bottom: 50px;}
.reserveTel li{ width: 50%; float: left; text-align: center; padding: 10px 10px 9px;}

.reserveTelCap{ font-size: 140%;text-align: center; margin-bottom: 20px;}

.raijouCap{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 30px;
}

.reserveHouse{ margin-bottom: 40px;}
.reserveHouse li{
	width: 49%;
	float: left;
	border: 4px solid #DFDFCF;
	padding: 30px 20px;
}
.reserveHouse li:last-child{ float: right;}
.reserveHouse li .cont{ margin-bottom: 20px;}
.reserveHouse li .ttl{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 230%;
	font-weight: bold;
	margin-bottom: 10px;
}
.reserveHouse li .ttl span{ font-size: 70%; font-weight: normal;}

.formDoc input[type=checkbox] { display:none!important;}

* html .iptCheckBtn01,* html .iptCheckBtn02,* html .iptCheckBtn03,* html .iptCheckBtn04 {
	display: inline;
	zoom: 1;
}
*:first-child+html .iptCheckBtn01,*:first-child+html .iptCheckBtn02,*:first-child+html .iptCheckBtn03,*:first-child+html .iptCheckBtn04 {
	display: inline;
	zoom: 1;
}
 .iptCheckBtn01,.iptCheckBtn02, .iptCheckBtn03,.iptCheckBtn04 {
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 87.5%;
	text-align: center;
}
.iptCheckBtn01 input,.iptCheckBtn02 input,.iptCheckBtn03 input,.iptCheckBtn04 input{
	position: absolute;
	z-index: -1;
	text-align: center;
}
.iptCheckBtn01 label,.iptCheckBtn02 label,.iptCheckBtn03 label,.iptCheckBtn04 label{
	display: block;
	cursor: pointer;
	width: 240px;
	height:66px;
    background-image: url(../reserve/img/btn_reserve01.png);
    background-repeat: no-repeat;
	background-size:contain;
	background-position: center center;
	text-align: center;
	margin-left: auto; margin-right: auto;
}
.iptCheckBtn04 label{ background-image: url(../contact/img/btn_document01.png); }

.iptCheckBtn01 label:hover,.iptCheckBtn02 label:hover,.iptCheckBtn03 label:hover{   background-image: url(../reserve/img/btn_reserve01_over.png);}
.iptCheckBtn01 label.focus,.iptCheckBtn01 label.selected,.iptCheckBtn02 label.focus,.iptCheckBtn02 label.selected,.iptCheckBtn03 label.focus,.iptCheckBtn03 label.selected{ background-image: url(../reserve/img/btn_reserve01_select.png);}

.iptCheckBtn04 label:hover{   background-image: url(../contact/img/btn_document01_over.png);}
.iptCheckBtn04 label.focus,.iptCheckBtn04 label.selected{ background-image: url(../reserve/img/btn_reserve01_select.png);}

/*----------------------------------------------------
 	下位contact
----------------------------------------------------*/

.contactMainBox{ position:relative;}
.contactMainBox .clearfix{  margin-top: -200px; margin-bottom: 25px;}
.contactMainBox .clearfix .logo{  float: left; margin-top: 230px;}
.contactMainBox .clearfix .catalog{ float: right; margin-top: 40px;z-index:100000; position: relative; margin-right:50px;padding-top: 30px;}

.documentCap{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 180%;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
.documentBox{
	border: 3px solid #CCCCCC;
	padding: 20px 15px;
	width: 100%;
	margin-bottom: 40px;
}
.documentBox .txtBox{ width:600px; float: left; padding-top: 40px;}
.documentBox .photoBox{ width: 300px;float: right;}

.documentBox .txtBox02{ width: 510px; float: right; padding-top: 40px; padding-left: 10px;}
.documentBox .photoBox02{ width: 443px;float: left;}
.documentBox .ttl{
	 font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 200%;
	margin-bottom: 10px;
	font-weight: bold;
	padding-top: 10px;
}
.documentBox .ttl span{
	font-size: 70%;
}
.documentBox .bdr{
	border-bottom: 4px dotted #999999;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.contactArea{
	font-weight: bold;
	background: #c00;
	color: #fff;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
}


/*----------------------------------------------------
 	下位lineup
----------------------------------------------------*/

.lineupCapBox{background: url(../lineup/img/bg_m_cap.png) no-repeat center;}
.lineupCapBox02{background: url(../lineup/img/bg_s_cap.png) no-repeat center;}
.lineupCap{ color: #4A639E; font-size: 160%; font-weight: bold; text-align: center; margin-bottom: 20px;}
.lineupCap02{ color: #904D54; font-size: 160%; font-weight: bold; text-align: center; margin-bottom: 20px;}
.lineupPlanTtl{ background: url(../lineup/img/bg_planTtl.jpg) repeat-x; margin-bottom: 20px; text-align: center; }
.lineupItemList{ margin-bottom: 60px;}
.lineupItemList li{
	float: left;
	width: 238px;
	border-right: 2px dotted #333333;
	margin-right: 16px;
	padding-right: 13px;
}
.lineupItemList li:last-child{ padding-right: 0; margin-right: 0; border-right: 0;}
.lineupItemList02{ margin-bottom: 20px;}
.lineupItemList02 li:first-child{ width: 551px; float: left;}
.lineupItemList02 li:last-child{ width: 412px; float: right;}





.pcmt20{ margin-top: 20px;}
.pcmb40{ margin-bottom: 40px;}
.pcmb50{ margin-bottom: 50px;}
.pcOnlymb50{ margin-bottom: 50px;}
.pcmb80sp40{ margin-bottom: 80px;}
.pcmb60sp20{ margin-bottom: 60px;}
.pcmb30sp0{ margin-bottom: 30px;}
.spRight{ float: right;}


/*スマホ　sumaho*/

@media only screen and (max-width: 667px){
body{  font:14px/1.6 ArialMT "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
.onlyPC { display: none;}
.onlySP { display: block;}
img.onlySP { display: inline-block;}

#wrapper{ padding-bottom: 100px;}

/*----------------------------------------------------
 	header
----------------------------------------------------*/

#mobile {display: block; width: 60px; float:right; margin-top: -62px;}
#mobile img{ max-width:100%;}

h1{height:5px;}
h1 span{ display:none; }
#headerIn .headerLogo{ max-width:230px; float:left; margin-left: 10px; margin-top: 10px;}
.head-nav{display:none;	}
.head-nav .close{ display:block;} 

.bx_sliderWrap{ width: 100%; margin:0 auto 20px; padding-bottom: 0; padding-top: 0; }
#slideWarpB #slideBgB ul{ width: 100%; margin:0 auto 20px; padding: 0;}
#slideWarpB{ margin-bottom: 20px;}


.contents{ width:100%; margin:0 auto;}
.contents img{ max-width:100%;}
.contentsSp100{width:100%; margin:0 auto;}
.contentsSp96{width:96%; margin:0 auto;}

.contentsWrap{ width: 100%; padding:20px 0;}
.contentsWrap2{ width: 100%; padding:20px 0;}
.contentsWrap3{ width: 100%; padding:20px 0;}
.contentsWrapAbout{ width: 100%; padding:20px 0;}
.contentsWrapAbout2{ width: 100%; padding:20px 0;}
.contentsWrapDocument{ width: 100%; padding:20px 0;}
.contentsWrapSp0{ width: 100%; padding: 0;}
.contentsWrapSub{ width: 100%; padding:20px 0;}
.contentsWrapEvent{ width: 100%; padding:20px 0; border-top: 1px solid  #000;text-align: center;}
.contentsWrapEvent2{ width: 100%; padding:30px 0; background:url( ../img/bg_event.png) repeat;}
.contentsWrapLIne{ width: 100%; padding:20px 0; }
.contentsWrapLIne02{ width: 100%; padding:20px 0; }


.topGalleryBox{ width: 100%;float: none;margin-top: 10px;text-align: center; position:relative;}
#slideGalleryWrap{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url(../img/bg_topGallery.png) repeat;
}
.slideGallery{
	width: 96%;
	margin-left: auto; margin-right: auto;
}
.slidegalleryBox {width:96%!important; overflow:hidden;margin-left: auto; margin-right: auto;}
.slidegalleryBox ul {margin:0 auto; width:240px;}
.slick-list {overflow:visible!important;}


.spTelBox{ display:block; width: 100%;  background: #BC965C; padding: 10px;}



.pamfBox{ width: 96%; float:none; margin-left: auto; margin-right: auto; overflow:hidden; _zoom:1;}
.pamfBox div{ width: 49%; float:right;  text-align: center;} 
.pamfBox div.boxNo01{ width: 49%; float:left;} 

.topEventWrap{  padding: 20px 0 0;}

.eventTop{ width: 100%; float:none;}
.eventTop .linkR{ margin-bottom: 20px;}
.eventTop .linkR a{ width: 100%; display:block;  background: #836950; color: #fff;  font-size: 90%; text-align: right; padding-right: 10px; height: auto; line-height: auto;}

.eventTop a{
	padding: 15px;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row; 
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.eventTop .title{ -webkit-order: 1!important;}
.eventTop .photoBox{ -webkit-order: 2;}
.eventTop .txtBoxWrap{ -webkit-order: 3;}
.eventTop .title {order: 1!important;}
.eventTop .photoBox{ order: 2;}
.eventTop .txtBoxWrap{ order: 3;}
.eventTop .title{ width: 100%; margin-bottom: 10px;}
.eventTop .photoBox{ width: 48%; float:left; text-align:center; height:auto!important; background: none; margin-left: 0;margin-right: 0;}
.eventTop .txtBoxWrap{ width: 48%; float:right;}
.eventTop .photoBox div{ width:100%; background: #fff; padding: 4px; height:auto;text-align:center; display:block;}
.eventTop .photoBox img{ max-width:100%; height:auto;}
.eventTop .timeTbl{ font-size: 80%;}
.eventTop .scheTbl { font-size: 70%;}


.newList{ width: 90%; float:none; margin-left: auto;margin-right: auto;margin-top: 10px; }
.newList ul{ border: none; margin-bottom: 10px; font-size: 110%; height:200px}
.newList ul li{ background:#F5F7F9 url(../img/bg_newList.png) no-repeat 98% center;background-size:6% auto; font-size: 80%; padding: 8px;}
.newList ul li:nth-child(2n){ background:#fff url(../img/bg_newList.png) no-repeat 98% center; background-size:6% auto;font-size: 80%; padding: 8px;}
.newList ul li dt .news{ display:inline-block; font-size: 66%; color: #fff; background: #D9A300; padding: 1px 10px 0px; margin-left: 10px; vertical-align: top;}
.newList ul li dt .event{ display:inline-block; font-size: 66%; color: #fff; background: #CD665F; padding: 1px 10px 0px; margin-left: 10px; vertical-align: top;}
.newList ul li dd{ padding-right: 15px;}

.kurashi3Box{width: 96%;margin-right: auto; margin-left: auto;margin-top: 10px;}
.kurashi3Box li{ width: 100%; float:none; margin-right: 0;margin-bottom: 10px;}
.kurashi3Box li img{ display:block;margin-left: auto; margin-right: auto;}

#topGallerySP{ margin-bottom:20px; width:310px ;margin-left: auto; margin-right: auto;}

.topAboutCap{ text-align: left;}
.topAboutBox{ width:96%; margin-left: auto; margin-right: auto; text-align: center;}
.topAboutBox li a{
	padding: 10px 10px 0;
	width: 100%;
	float:none;
	margin-right: 0;
	margin-bottom: 10px;
}
.topAboutBox li .mb20{ margin-bottom: 10px;}
 
.contentsWrapDocument{ background: url(../img/bg_document.jpg); -webkit-background-size: cover;
background-size: cover;}
.contentsWrapDocument ul li{width: 100%; float:none; padding-top: 0;}
.contentsWrapDocument ul li img{ text-align: center; }
.contentsWrapDocument ul li:last-child{ text-align: center; }
.contentsWrapDocument ul li:last-child{width: 100%; float:none;}

.spContactBox{ width: 96%; margin-left: auto; margin-right: auto;}
.spContactBox li:nth-child(2){ width: 49%; float:left;}
.spContactBox li:nth-child(3){ width: 49%; float:right;}


#instagram{ width: 100%; margin-right: 0;}
#instagram img{
	display: block;
	width: 49%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 0;
	margin-bottom: 10px;
}
#instagram img:nth-child(2n){ float: right;}




/*----------------------------------------------------
 	footer
----------------------------------------------------*/
#footer{ width: 100%;padding: 20px 0;}
#footer .footerBox01{ width: 96%; float:none; margin-left: auto; margin-right: auto;margin-bottom: 0; }
#footer .footerBox02{ width: 96%; float:none;	margin-left: auto;margin-right: auto; margin-bottom: 20px; }
#footer .footerBox02 img{ display:block;margin-left: auto; margin-right: auto;}

#footer  h4{ color: #fff; margin-bottom: 10px; background:url(../img/bg_footer.png) repeat-x bottom;  padding-bottom: 15px; margin-bottom: 15px;}

#footer .ftSiteMap{ margin-bottom: 10px; width: 100%; float:none;}
#footer .ftSiteMap li{ margin-bottom: 5px; background: url(../img/bg_ftSitemap.png) no-repeat 0% 6px; padding-left: 16px; }

#copyright{ font-size: 70%; float:none; margin-top: 20px;padding-bottom: 20px; width: 100%; text-align: center;}
.pageTop{ width: 100%; float:none;margin-top: 0; text-align: center; }

#footerMenu{ width: 100%; margin-right: 0; margin-bottom: 0; display:table; table-layout:fixed;position: fixed; bottom:0;  vertical-align: bottom; background: #948A54; text-align: center;}
#footerMenu li{ width: 33.333333%; float:none; margin-right: 0; display:table-cell;bottom:0;  vertical-align: bottom; bottom:0;}
#footerMenu li:nth-last-of-type(1){ border-right: 1px solid #fff;}
#footerMenu li:nth-last-of-type(2){ border-left: 1px solid #fff;border-right: 1px solid #fff;}
#footerMenu li:nth-last-of-type(3){ border-left: 1px solid #fff;}


/*----------------------------------------------------
 	下位common
----------------------------------------------------*/

#sideBar{ display:none;}
#main{ width: 100%; float:none; margin-bottom: 40px;}
#main h2{ font-size: 96%;} 
.breadcrumb{ background: #E4E0CE;}
.breadcrumb ul{ width: 96%; margin:0 auto; padding: 10px 0; font-size: 80%;} 

.table01 th,.table01 td { width:100%; display:block;}
#main h2{ width: 96%; margin-left: auto; margin-right: auto;border-bottom: #948A54 1px solid; padding-bottom: 20px; margin-bottom: 30px;}


/*----------------------------------------------------
 	下位event
----------------------------------------------------*/
.eventSub{ padding: 0;}
.eventSub ul{ width: 96%; margin-left: auto; margin-right: auto;}
.eventSub ul li,.eventSub ul li.end{ width: 100%; float:none; margin-right: 0; margin-bottom: 30px;}
.eventSub ul li a,.eventSub ul li.end{
	display:block;
	background: #F6F2E7;
	color: #130E20;
}
.eventSub ul li .comingIcon img{ position:absolute; top:0; width: 88px;}
.eventSub .photoBox img{width: 100%; max-height: inherit ;  max-height:auto; max-width:100%;}
.eventSub .cont{ padding: 20px;}
.eventSub .ttl{ margin-bottom: 10px; font-weight: bold; text-decoration: underline;}
.eventSub .timeTbl{ margin-bottom: 10px; width: 100%;}
.eventSub .timeTbl th { background: #5C8034; color: #fff; font-size: 80%; text-align: center; padding: 3px 0 2px;} 
.eventSub .timeTbl td { background: #96BE58; color: #fff; text-align: center; padding: 6px 0 5px;} 
.eventSub .scheTbl { font-size: 80%;}
.eventSub .scheTbl dt{
  background:#130F21;
  color:#fff;
  text-align:center;
  padding:2px 4px 1px;
  clear: left;
  float: left;
  width: 3em;
  margin-right:5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.eventSub .scheTbl dd {
  color:#382500;
  margin-left: 3em;
  padding:2px 4px 1px;
  margin-bottom:5px;
  text-decoration: none;
}
.eventSub a { text-decoration: none;}

/*-----詳細----*/
h3.eventH3{text-align: left;} 
.eventDayBox{margin-bottom: 20px;}
.eventDayBox li{
	width: 100%;
	float:none;
	margin-bottom: 10px;
}
.eventDayBox li:nth-child(2n){ float:none;}

.event_slider li img{max-height: 280px; max-width: 100%; margin-left: auto; margin-right: auto; display: block;}
.eventSlideBox .bx-viewport,.eventSlideBox .bx-wrapper{ margin-bottom: 20px;}

.eventAccess .mapBox{width: 100%;float:none;margin-bottom: 20px;}
.eventAccess .txtBox{width: 100%;float:none;}

.contentsWrapEvent ul li{ text-align: left;}
.eventCapBox{ width: 96%; margin:0 auto;}


.eventForm{ width: 96%; margin:0 auto 60px;}
.eventForm  table{ width: 100%; margin-bottom: 20px;font-size: 90%; background: #fff;}
.eventForm table th{ background: #E4E0CE; text-align: left; width: 100%;}
.eventForm table th,.eventForm table td{ padding: 10px; display: block; width: 100%;}
.eventForm .keitaiBox{ width: 96%; margin: 10px auto 20px;background: #FAFAFA; border: 1px solid #DDDDDD; padding: 20px; }

.eventForm .ppBtn{ background: #DDDDDD; text-align: center; font-size: 80%; width: 100%; margin:0 auto; padding: 10px;}
.eventForm .cont > ul > li{ text-align: left;}


/*----------------------------------------------------
 	下位施工事例
----------------------------------------------------*/

ul.galleryWrapSub{ width: 100%; margin-right: 0; margin-bottom: 30px;}
.galleryWrapSub li{ width: 96%; float:none; margin-bottom: 40px;margin-left: auto; margin-right: auto;}
.galleryWrapSub li .photoBox img{ max-width:100%; max-height:214px; margin-bottom: 10px;}

.gallerySortNavi{ width: 100%; float: right; text-align: right; margin-bottom: 80px;font-size: 0;}
.gallerySortNavi li{ display:inline;}
.gallerySortNavi li a{
	font-size: 12px;
	display: inline-block;
	width: 36px;
	height:36px;
	line-height: 36px;
	color: #130E20;
	text-align: center;
	text-decoration: none;
	border: 1px solid  #130C1F;
	border-right: 0;
	margin: 0;
	padding: 0;
}

/*-----詳細----*/
#topGallerySP .bx_slider{ width: 100%;}
.gallerySlideBox { margin-bottom: 20px;}


/*----------------------------------------------------
 	下位voice
----------------------------------------------------*/
.voiceWrapSub li{
	position: relative;
	width: 96%;
	margin-left: auto; margin-right: auto;
	padding: 20px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
.voiceWrapSub li a{ text-decoration: none;}
.voiceWrapSub .photoBox{
	width: 235px;
	background: #fff;
	display: block;
	text-align: center;
	padding:0;
	float:none;
	margin-left: auto; margin-right: auto;
	margin-bottom: 10px;
}
.voiceWrapSub .photoBox img{ max-width: 235px;}
.voiceWrapSub li a p{ color: #545454;}
.voiceWrapSub li a p.title{ text-decoration: underline; margin-bottom: 5px;font-size: 120%; font-weight: bold; }
.voiceWrapSub li a p.detail{ text-decoration: none;font-size: 88%;margin-bottom: 10px;}
.voiceWrapSub li .txtBox{ width: 100%; float:none; margin-left:0; margin-bottom: 10px;}
.voiceWrapSub li .btnKw{ position: static; bottom: auto; right: auto; text-align: center;}

/*-----詳細----*/

.voiceBox{
	width: 96%;
	margin-left: auto; margin-right: auto;
	padding: 20px;
	border: 1px solid #DDDDDD;
	margin-bottom: 30px;
}
.voiceBox .photo{
	width:100%;
	float:none;
	margin-bottom: 15px;
}
.voiceBox .txt{
	width: 100%;
	float:none;
}
.voiceLetter{ width: 96%; }
.voicePhotoWrap{
	width:96%;
	margin-left: auto; margin-right: auto;
	margin-bottom: 40px;
}
.voicePhoto{
	margin-bottom: 10px;
	border: 1px solid #DDDDDD;
	text-align: center;
	padding: 2px;
}
.voicePhoto img{
	max-width:100%;
}

.voicePager ul{ display:table; table-layout:fixed; width: 96%;border-collapse:collapse;margin-left: auto; margin-right: auto;}
.voicePager ul li{ display: table-cell; border: 1px solid #dddddd; padding: 10px; border-collapse:collapse;}

.voicePager ul li:nth-child(2n){text-align: right;} 
.voicePager ul li a .name{ font-size: 90%;}
.voicePager ul li a .ttl span{ padding-right: 0;}
.voicePager ul li:nth-child(2n) a .ttl span{ padding-left: 0;}
.voicePager ul li a .photo{
	float:none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.voicePager ul li:nth-child(2n) a .photo{ float:none; margin-right: auto; margin-left: auto;}


/*-----詳細 201602修正----*/


.voiceTtlNew{
	text-align: left;
	padding: 20px 10px 20px;
	margin-bottom: 20px;
	font-size: 120%;
}
.voiceTtlNew02{
	padding: 20px 0 20px;
	margin-bottom: 20px;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing:0.2em;
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.voiceMain img{max-width: 100%;}

.voiceBoxNew li:first-child{ float: none;}
.voiceBoxNew li:last-child{ float: none;}

.voiceBoxNew{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row; 
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}
.voiceBoxNew .photo{width: 100%;-webkit-order: 1;order: 1;}
.voiceBoxNew .photo img{ max-width: 100%; margin-bottom: 10px;}
.voiceBoxNew .txt{width: 100%; margin-bottom: 10px;-webkit-order: 2!important;order: 2!important;}



.voicePhotoList{ border-bottom: 1px dotted #CCCCCC; padding-bottom: 40px; margin-bottom: 40px; }
.voicePhotoList li{
	width: 49%;
	float: left;
	margin-right: 0;
	margin-bottom: 2%;
}
.voicePhotoList li:nth-child(2n){float: right;}

.contentsWrapVoice{ width: 100%; background: #FBF8F1;}
#leftHalf{
	background:url(../img/bgVoice.jpg) right center no-repeat;
	width:100%;
	float: none;
	height: auto;
	text-align: center;
}
#rightHalf{
	width:100%;
	float: none;
	text-align: center;
}
#leftHalf img{  width: 96%; height: auto; float: none; margin: 20px auto;}
#rightHalf img{ width: 96%; height: auto; float: none; margin: 20px auto;}


.voicePagerNew ul{ display:block; width: 96%; margin-left: auto; margin-right: auto;}
.voicePagerNew ul li{ display: block; padding: 10px; width: 100%;}

.voicePagerNew ul li:nth-child(2){ border-bottom: 1px dotted #dddddd; padding: 20px 20px 30px; } 
.voicePagerNew ul li a .name{ font-size: 90%;}
.voicePagerNew ul li a .ttl span{ padding-right: 0;}
.voicePagerNew ul li:nth-child(2n) a .ttl span{ padding-left: 0;}



/*----------------------------------------------------
 	下位concept
----------------------------------------------------*/
.txPCtc { text-align:left;}
.conceptCap { padding:30px 10px;}

/*.conceptCapBox{
	background: url(../concept/img/concept_bg.png) no-repeat center bottom;
	text-align: center;
	padding: 0 0 50px;
}
.conceptCapBox02{
	background: url(../concept/img/concept_bg02.png) no-repeat right bottom;
}*/

.conceptCapBox{
	background: none;
	text-align: left;
    padding: 0;
	}
.conceptCapBox02{
	background: none;
	width: 96%;
	margin-left: auto; margin-right: auto;
	height: 100%;
}




/*-----design----*/

.designHL	{text-align: left;}
.designBox01 {
	margin:40px 0;
	padding:30px 15px;
	text-align:center;
	font-size:16px;
	}
.designBox01 img{max-width: 100%;}
	
.designHL01 {
	font-size:24px;
	margin-bottom:30px;
	}
.designHL01 img { height:36px;}
	
.designScene01{
	width:96%;
	min-height:auto;
	background:url(../concept/img/design_bg02_sp.png) center top no-repeat;
	background-size:100%;
	margin:0 auto 40px;
	padding:84% 0 0 0;
	}
.designScene02{
	width:96%;
	min-height:auto;
	background:url(../concept/img/design_bg03_sp.png) center top no-repeat;
	background-size:100%;
	margin:0 auto 40px;
	padding:84% 0 0 0;
	}
.designScene03{
	width:96%;
	min-height:auto;
	background:url(../concept/img/design_bg04_sp.png) center top no-repeat;
	background-size:100%;
	margin:0 auto 40px;
	padding:84% 0 0 0;
	}
.designScene04{
	width:96%;
	min-height:auto;
	background:url(../concept/img/design_bg05_sp.png) center top no-repeat;
	background-size:100%;
	margin:0 auto 40px;
	padding:84% 0 0 0;
	}

h3.designScene {
	margin-bottom:15px;
	font-size:20px;
	}
	
.designArrange {
	padding:30px 15px;
	margin-bottom:30px;
	text-align:left;
	}
.designArrange h3 {
	font-size:20px;
	}
.designArrange p { font-size:16px; margin-bottom:10px;}
	
.designArrange ul {
	margin-bottom:-20px;
	}
.designArrange li {
	width:48%;
	margin-bottom:20px;
	}
.designArrange li img {
	width:98%;
	}

.designHL02 {
	font-size:24px;
	margin-bottom:15px;
	text-align:center;
	}
.designHL02 img { width:auto; height:36px; display: block; margin:0 auto 5px;}
.iconZoom { width:18px; height:auto; margin-right:5px; vertical-align:bottom;}

.designCordinate { overflow:hidden; margin:0 -1.5% -1.5% 0;}
.designCordinate li{
	width:31.8%;
	margin:0 1.5% 1.5% 0;
	}
.designCordinateTx {
	padding:30px 0;
	font-size:20px;
	}
.conceptLinkBox {
	padding:0;
	margin-bottom:30px;
	}
.conceptLinkBox ul {
	width:100%;
	}
.conceptLinkBox ul li {
	width:97%;
	float: none;
	margin:5% 1.5%;
	}
.conceptLinkBox ul li img { width:100%; height:auto;}
	
.conceptLinkBox02 {
	width:100%;
	margin-bottom:30px;
	text-align:center;
	}
.conceptLinkBox02 li {
	float:none;
	margin:3%;
	}
.conceptLinkBox02 li img { width:100%; height:auto}
.conceptLinkHL img{ width:300px; height:auto; margin-bottom:10px;}
img.lifestyleimgR,img.lifestyleimgL{ display: block;margin-left: auto; margin-right: auto;}


/*-----lifestyle----*/

.lifestyleHL,.lifestyleHL02 { text-align: left;}
.lifestyleHL02 { font-size: 20px;}
.lifestyleHL03{font-size: 24px;}

.lifestyleScene01L,.lifestyleScene01R{width: 100%; float: none;}
.lifestyleHL04{ text-align: left; font-size: 20px;}

/*-----quality----*/

.qualityHL {text-align: left;}
.qualityBox05{
	padding: 20px 0 240px;
	background: url(../concept/img/quality/bg_quality05.png)  center bottom no-repeat;
	margin-bottom: 40px;
}
.qualityBox05 div{float: none;}
.qualityBox06{
	padding: 10px 0 10px;
	background: url(../concept/img/quality/bg_quality06.png)  right bottom no-repeat;
	margin-bottom: 40px;
}
.qualityBox06 div{float: none;}


.qualityGallery{
	width: 96%;
	margin-left: auto; margin-right: auto;
	background: url(../concept/img/quality/bg_bdr.png)  no-repeat bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.qualityGallery02{
	width: 96%;
	margin-left: auto; margin-right: auto;
	margin-bottom: 80px;
}
.qualityGallery li,.qualityGallery02 li{ width: 100%;float: none;margin-right: 0; margin-bottom:20px; text-align:center;}


/*----------------------------------------------------
 	下位sitemap privacy
----------------------------------------------------*/

.sitemapList{ width: 96%; margin-left: auto; margin-right: auto;}
.privacyBox{ width: 96%;margin-left: auto; margin-right: auto;}

/*----------------------------------------------------
 	下位about会社概要
----------------------------------------------------*/

h2.about{
	font-size: 140%;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 20px;
}
.pcCenter{ text-align: left;}
.companyBox{ margin-bottom: 60px;}
.companyBox table{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.companyBox table tr:nth-child(2n){ background: #fff;}
.companyBox table th{ border-bottom: 1px solid #000; background: #F5F7F9;}
.companyBox table th,.companyBox table td{ display: block; width: 100%;}
.companyBox .photoBox{
	width: 100%;
	float: none;
}
.companyBox02 table th{ border-bottom: 1px solid #000; background: #F5F7F9;}
.companyBox02 table th,.companyBox02 table td{ display: block; width: 100%;}
.companyBox02 .cont{ background: #fff; padding: 20px; margin-top: 30px;width: 100%; float: none; height: auto;}
.companyBox02 .mapWrap{width: 100%; height: 320px; float: none; margin-top: 30px; border: 10px solid  #fff;}
.modelroomMap {
	width:100%;
	height:300px;
	background:#fff;
	border:1px solid #ccc;
	margin:0 auto 12px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*----------------------------------------------------
 	下位staff
----------------------------------------------------*/
.staffListSub li{
	width: 96%;
	margin-left: auto; margin-right: auto;
}
.staffListSub li .photoBox{ width: 180px; height:230px;float: none; margin-bottom: 10px;margin-left: auto; margin-right: auto;}
.staffListSub li .txtBox{
	width: 100%;
	float: none;
	font-size: 90%;
}

/*----------------------------------------------------
 	下位modelhouse
----------------------------------------------------*/
.modelSlideW{ margin-bottom: 40px; padding-bottom: 80px; border-bottom: 1px dotted  #202020; }
.modelPoint,.modelPoint02{ margin-bottom: 40px;padding-bottom: 40px; border-bottom: 1px dotted  #202020; }
.modelPoint .pointBox,.modelPoint02 .pointBox{width: 100%;float: none;}
.modelPoint .pointList,.modelPoint02 .pointList{
	width: 100%;
	float: none;
	border-left: none;
	padding-left: 0;
}

.modelMap{ margin-bottom: 80px;}
.modelMap .mapBox{
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
.modelMap .google-maps {
position: relative;
padding-bottom: 70.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.modelMap .google-maps iframe,
.modelMap .google-maps object,
.modelMap .google-maps embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modelMap .link{
	width: 100%;
	float: none;
}

.showroomCap{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: url(../showroom/img/bg_01SP.jpg) no-repeat center center;
	text-align: left;
	font-size: 100%;
	line-height: 2em;
	color: #1F1F1F;
	margin-bottom: 40px;
	font-weight: bold;
}
.showroomMerit{
	background: #F0F0D3;
	padding: 20px 0 0 10px;
	margin-bottom: 40px;
}

.showroomMerit .imgBox{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.showroomMerit ul{
	width: 100%;
	float: none;
	padding-top: 0;
}
.showroomMerit li{
	background: url(../modelhouse/img/bg_point.png) no-repeat left 10%;
	margin-bottom: 10px;
	padding: 0 0 1px 16px;
	font-size: 100%;
}

.modelhousePlace li{
	width: 100%;
	float: none;
}
.modelhousePlace li:last-child{
	margin-top: 10px;
	width: 100%;
	float: none;
}


/*----------------------------------------------------
 	下位reserve
----------------------------------------------------*/
h4.eventH4{ background: #99925A; text-align: center; color: #fff;font-size: 92%; margin-bottom: 20px; padding: 15px 15px 14px;}
.reservePoint{ margin-bottom: 30px;width: 96%;margin-left: auto; margin-right: auto;}
.reservePoint li:first-child{ width: 100%;float: none;padding-top: 0;}
.reservePoint li:last-child{ width: 100%; float: none;}

.reserveBox .cont ol{ margin-bottom: 20px;}
.reserveBox .cont{ padding: 0 0 20px;}
.reserveBox .cont ol li{
	width: 100%;
	background: none;
	font-size: 88%;
	float:none;
	text-align: left;
	padding:10px;
	height:60px;
	line-height: 40px;
	border-bottom: #DDDDDD 1px solid;
}
.reserveBox .cont ol li:nth-child(5){ width: 100%; padding-right: 0;background: none;}
.reserveBox .cont ol li{ overflow:hidden;_zoom:1;}
.reserveBox .cont ol li img{width: 40px; float:left; margin-right: 10px;margin-bottom: 0;line-height: 60px;}
.reserveBox .cont ol li p{ display: inline-block; float: left; }
.reserveBox .cont ol li .ttl{ margin-right: 10px;}

.reserveBox .contCap{
	width: 96%;
	margin-left: auto; margin-right: auto;
}
.reserveBox .contCap .ttl{
	display:block;
	width: 100%;
}
.reserveBox .contCap ul{ 	display:block;width: 100%;}

.reserveTelCap{ font-size: 100%;text-align: center; margin-bottom: 20px;}
.reserveTel { border-top: 1px dotted #202020;border-bottom: 1px dotted #202020; padding-bottom: 10px;padding-top: 10px; margin-bottom: 50px;}
.reserveTel li{ width: 100%; float: none; text-align: center; padding: 10px 10px 9px;}
.reserveTel li:last-child{ padding-top: 0;}

.raijouCap{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}
.reserveHouse li{
	display: block;
	width: 96%;
	margin-left: auto; margin-right: auto;
	float: none;
	border: 4px solid #DFDFCF;
	padding: 20px 10px;
}
.reserveHouse li:last-child{ float: none;}
.reserveHouse li .cont{ margin-bottom: 20px;}
.reserveHouse li .ttl{
	font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 230%;
	font-weight: bold;
	margin-bottom: 10px;
}
.reserveHouse li .spTextLeft{ text-align: left;display: block;}

.eventForm ul.formList{ margin-bottom: 0;}
.eventForm .formList li{ list-style-type:none; margin-left: 0;}
.formList li:last-child{ margin-bottom: 0;}
.eventForm .formList li {padding-left: 5px;padding-bottom: 10px;}
.eventForm .formList li div{ width: 20px; float:left;}
.eventForm .formList li p{ float: left; width: 100%; margin-left: -20px;margin-bottom: 10px;}
.eventForm .formList li label{ margin-left: 20px; display: block;}

/*----------------------------------------------------
 	下位contact
----------------------------------------------------*/

.contactMainBox{ position:relative;}
.contactMainBox .clearfix{  margin-top: 0; margin-bottom: 10px;}
.contactMainBox .clearfix .logo{  float: none; margin-top: 0; margin-bottom: 10px;}
.contactMainBox .clearfix .catalog{ float: none; margin-top: 0; position: static; margin-left: 0;}

.documentCap{
	font-size: 140%;
	margin-bottom: 10px;
}
.documentBox{
	border: 3px solid #CCCCCC;
	padding: 20px 15px;
	width: 96%;
	margin-bottom: 40px;
	margin-left: auto; margin-right: auto;
}
.documentBox .txtBox{ width: 100%; float: none; padding-top: 0;}
.documentBox .photoBox{ width: 100%;float: none;}
.documentBox .txtBox02{ width: 100%; float: none; padding-top: 0; padding-left: 0;}
.documentBox .photoBox02{ width: 100%;float: none;}
.documentBox .ttl{
	font-size: 190%;
}
.documentBox .ttl span{
	font-size: 70%;
}
.documentBox .bdr{
	border-bottom: 4px dotted #999999;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

/*----------------------------------------------------
 	下位lineup
----------------------------------------------------*/

.lineupCapBox{background: none;}
.lineupCapBox02{background: none;}
.lineupCap{ font-size: 120%; }
.lineupCap02{ font-size: 120%; }
.lineupItemList{ margin-bottom: 10px;}
.lineupItemList li{ border: none; margin-right: 0;padding-right: 0; width: 100%; float: none; margin-bottom: 30px;text-align: center;}
.lineupItemList02 li:first-child,.lineupItemList02 li:last-child{ width: 100%; float: none;}
.lineupItemList02 li:first-child{ margin-bottom: 10px;}

.lineupCapBox,.lineupCapBox02{ font-size: 90%;}





.pcBox49p{ width: 100%;}
.pcmt20{ margin-top: 0;}
.spmt20{ margin-top: 20px;}
.spmb10{ margin-bottom: 10px;}
.spmb20{ margin-bottom: 20px;}
.spmb30{ margin-bottom: 30px;}
.pcmb50{ margin-bottom: 20px;}
.pcmb40{ margin-bottom: 10px;}
.pcOnlymb50{ margin-bottom: 0;}
.pcmb80sp40{ margin-bottom: 40px;}
.pcmb60sp20{ margin-bottom: 20px;}
.pcmb30sp0{ margin-bottom: 0;}
.spPd30{ padding:30px 0; text-align: center;}
.spCrearBox .box49p{ width: 100%;}
.spCrearBox .box50p{ width: 100%;}
.spCrearBox .box50p img{ max-width: 100%;margin-left: auto; margin-right: auto;display: block;} 
.spCrearBox fl,.spCrearBox fr{ float:none;}
.sp96Wrap{ width: 96%; margin-left: auto; margin-right: auto;}
.spRight{ float: left;}

}


@media only screen and (max-width: 420px){
#wrapper{ padding-bottom: 50px;}
.nav-item > a span { font-size: 90%;}
.capTxt{	font-size: 70%;}
.aboutList li a{ font-size: 80%;}
.aboutList li a span{ font-size: 80%;}

}

/* ---------------------------------------------------------
	汎用ボタン
--------------------------------------------------------- */

.btn a,input.btn,.btn2 a,input.btn2{
	 -webkit-appearance: none;
	display:block;
	margin:20px auto;
	background:#948A54;
	font-size:160%;
	font-weight: bold;
	width: 50%;
	text-align: center;
	padding:12px 10px 11px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	color: #fff;
}
.btn a:hover,input.btn:hover,.btn2 a:hover,input.btn2:hover{ background:#218AA5;} 
.btn2 a,input.btn2{ width: 30%; text-decoration: none;}

input.clearBtn{
	 -webkit-appearance: none;
	background:#fff;
	text-align: center;
	padding:4px 5px 3px;
	border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	border: 1px  solid #999;
	min-height:10px;
	margin-left: 5px;
}
input.clearBtn:hover{ background:#f5f5f5;} 

@media only screen and (max-width: 667px){
	.btn2 a,input.btn2{ width: 80%;}
}

/* ---------------------------------------------------------
	フォーム、フォーム バリデーション
--------------------------------------------------------- */
.top_select1 select,.top_select2 select,.top_select3 select,.top_select4 select{
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border-radius:0px;
	width: 200px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	padding-left:3px;
	color: #333;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fdffff url(../img/arrow.png) no-repeat right center; /* Old browsers */
	background: url(../img/arrow.png) no-repeat right center, -moz-linear-gradient(top,  #fdffff 33%, #f0f0f0 100%); /* FF3.6+ */
	background:url(../img/arrow.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(33%,#fdffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: url(../img/arrow.png) no-repeat right center,-webkit-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: url(../img/arrow.png) no-repeat right center,-o-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* Opera 11.10+ */
	background: url(../img/arrow.png) no-repeat right center,-ms-linear-gradient(top,  #fdffff 33%,#f0f0f0 100%); /* IE10+ */
	background: url(../img/arrow.png) no-repeat right center,linear-gradient(to bottom,  #fdffff 33%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */  
}
.top_select2 select{ width:120px;}
.top_select3 select{ width:180px;}
.top_select4 select{ width:70%;height: 45px}

@media only screen and (max-width: 420px){
.eventForm .top_select2 select{ display:block; margin-bottom: 10px;}
}

/* input base */
input[type=text],input[type=tel], textarea {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input:focus,textarea:focus {
    border:solid 1px #EEA34A;
}
input{ min-height:40px;}
input[type=image]{ max-width:100%; height:auto;}
input[type=checkbox],
input[type=radio]{ margin-right:5px; }
input[type=text],input[type=tel] { width: 70%; font-size:1.4em;display:block;}
textarea {  width:98%; font-size:1em;display:block;}
@media only screen and (max-width: 420px){
input[type=text],input[type=tel] { width: 100%; font-size:1.4em;display:block;}
textarea {  width:100%; font-size:1em;display:block;}
}

label,
input[type=text], 
input[type=tel], 
input[type=checkbox],
input[type=radio] { display:inline; vertical-align: middle!important;}

labei{vertical-align: middle;}
 
input.myError,
textarea.myError{ background:#FFE8ED; }
p.myError{ color:#F00; padding-top:10px; font-weight:bolder; display:block; clear:both; }

.table02 input[type=text].input1{ width: 30%;}
.table02 input[type=text].input2{ width: 15%;}
.table02 input[type=text].input3{ width: 98%;}

.addCaution{ display:none;}

.eventForm ul.formList{ margin-bottom: 0;}
.eventForm .formList li{ margin-bottom: 5px; list-style-type:none; margin-left: 0;}
.formList li:last-child{ margin-bottom: 0;}

.eventForm input.must{background: #FFE9EA;}

.contactName input{
	width: 45%;
	float: left;
	padding: 8px 10px 7px;
	line-height: 1.2em;
}
@media only screen and (max-width: 420px){
.contactName input{
	width: 90%;
	float: none;
	padding: 8px 10px 7px;
	line-height: 1.2em;
	margin-bottom: 5px;
}
}



/* ------------------------------------------------
	　20200115 モデルハウス追加
    ---------------------------------------------- */
.modelName { background: #e4e0ce; padding: 15px 20px; font-size: 129%; font-weight: bold; margin-bottom: 20px;}
.modelSlideW { margin-bottom: 40px; padding-bottom: 0; border-bottom: none;}
.modelhousePlace li { width: 49%; margin-right: 2%; float: left; }
.modelhousePlace li:last-child { margin-right: 0; }
.modalDetail { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dotted #202020;}
.modelPoint { width: 49%; float: left; border-bottom: none; padding-bottom: 0; margin-bottom: 20px;}
.modelPoint .pointList { width: 100%; float: none; border: none; padding: 0;}
.modelMap { width: 49%; float: right; margin-bottom: 0;}
.bannerL { width: 49%; float: left;}
.bannerR { width: 49%; float: right;}
.bannerL img,
.bannerR img { max-width: 100%; height: auto;}

/*.reserveHouse li{ width: 32%; margin-right:2%; float: left; border: 4px solid #DFDFCF; padding: 30px 20px; }*/ /* 3つの時 */
.reserveHouse li{ width: 49%; margin-right:2%; float: left; border: 4px solid #DFDFCF; padding: 30px 20px; } /* 2つの時 */
.reserveHouse li:last-child{ float: none; margin-right:0;}
.reserveHouse li .cont{ margin-bottom: 20px;}
.reserveHouse li .ttl{ font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 190%; line-height:1.3em; font-weight: bold; margin-bottom: 15px; }
.reserveHouse li .ttl span{ font-size: 70%; font-weight: normal;}

@media only screen and (max-width: 667px){
.modelhouseTitle01 { font-size: 175%;}
.modelhousePlace li { width: 100%; margin-right: 0; float: none; font-size: 100%; }
.modelPoint { width: 100%; float: none; border-bottom: none; padding-bottom: 0; margin-bottom: 20px;}
.modelMap { width: 100%; float: none; margin-bottom: 0;}
.bannerL, .bannerR { width: 100%; float: none;}
    
.reserveHouse li{ display: block; width: 96%; margin-left: auto; margin-right: auto; float: none; border: 4px solid #DFDFCF; padding: 20px 10px; }
.reserveHouse li:last-child{ margin-left: auto; margin-right: auto; float: none;}
.reserveHouse li .cont{ margin-bottom: 20px;}
.reserveHouse li .ttl{ font-family:"游明朝", "Yu Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 200%; font-weight: bold; margin-bottom: 15px; }
.reserveHouse li .spTextLeft{ text-align: left;display: block;}
}




/* ------------------------------------------------
	　common
    ---------------------------------------------- */

.fl { float:left;}
.fr { float:right;}

.mb0 { margin-bottom:0px;}
.mb5 { margin-bottom:5px;}
.mb9 { margin-bottom:9px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt3 { margin-top:3px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:72%; }
.text11{ font-size:79%; }
.text12{ font-size:86%; }
.text13{ font-size:93%; }
.text14{ font-size:100%; }
.text16{ font-size:115%; }
.text18{ font-size:129%; }
.text20{ font-size:143%; }
.text24{ font-size:172%; }
.text28{ font-size:200%; }
.text30{ font-size:214%; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}
.textN{ font-weight: normal;}

.red { color:#D80000;}
.blue{ color: #0096FF;}
.green{ color: #549084;}
.pink{ color: #FF505A;}
.orange{ color: #FF9900;}
.yerrow{ color: #FFFF00;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}
.va_t{ vertical-align: top;}

.text_idt01{ padding-left: 1em; text-indent: -1em; }

.modelThumb { max-width: 100%; height: auto;}