@charset "utf-8";

@media screen and (max-width:767px){

img {
	max-width: 100%;
	height: auto;
}

.spOnly {
	display: block;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
#container{
	width: 92.1%;
	max-width: 706px;
}
#main {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	margin-bottom: 20px;
	padding: 0;
}

#header h1 {
	margin-bottom: 10px;
}

#header h1 a {
	width: auto;
}

#header .inner {
	padding: 0 ;
	position: relative;
}

#header .inner .floatR {
	width: auto;
	float: none;
	clear: both;
}

#header .inner p.contact {
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}

/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
#gNavi {
	padding: 7px 0 0;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

#gNavi ul {
	float: none;
	width: auto;
}

#gNavi ul li {
	margin-bottom: 7px;
}

#gNavi .blog {
	position: absolute;
	top: 25px;
	right: 0;
}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
}

/*------------------------------------------------------------
	コンチE��チE
------------------------------------------------------------*/
#conts {
	width: 100%;
	float: none;
}

/*------------------------------------------------------------
	#conts
------------------------------------------------------------*/
#conts h2 {
	margin-bottom: 17px;
	clear: both;
	font-size: 1.8em;
	line-height: 1.5;
	border-bottom: 1px solid #c8c8c8;
	color:#946f6f;
}

#conts h2.line2 {
	margin-bottom: 15px;
	padding-bottom: 8px;
	font-size: 1.3em;
	line-height: 1.7;
}

#contents .newsList {
	margin: 0 0 30px;
}

#contents .newsList ul,
#contents .menuList ul {
	margin-right: -1%;
	width: 100%;
}

#contents .newsList ul li,
#contents .menuList ul li {
	margin-right: 1%;
	width: 49%;
}

#contents .newsList ul li a {
	padding-bottom: 5px;
	min-height: 0;
}

#contents .newsList ul span.photo {
	margin-bottom: 0;
}

#contents .newsList ul li a span.link {
	/*margin-bottom: 2px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.7;
	display: block;
	text-decoration: underline;*/
}

#contents .newsList ul li a span.text {
	/*font-size: 1.2em;
	line-height: 1.4;
	color: #000;
	display: block;
	text-decoration: none;*/
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar.spOnly {
	margin-bottom: 20px;
}

#sideBar {
	margin-top: 20px;
	width: 100%;
	float: none;
	overflow: hidden;
}

#sideBar ul li {
	padding: 12px 1%;
	/*width: 48%;*/
	float: left;
	white-space: nowrap;
	margin-right: 1em;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	margin: 20px 0 0;
	width: 100%;
	height: auto;
	position: inherit;
}

#footer .inner {
	padding: 10px 0;
}

#footer p.copyright {
	float: none;
	width: auto;
}

#footer ul {
	float: none;
	width: auto;
	margin-bottom: 5px;
}

#footer ul li {
	margin: 0 20px 7px 0;
	float:left;
}

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#contents #slides {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}

.bx-wrapper {
	margin-bottom: 0;
}

#main h2 {
	margin: 0 0 23px;
}

#main h2.h202 {
	margin-bottom: 23px;
}

#contents .menuList {
	margin: 0;
	padding-bottom: 0;
}

#contents .menuList ul {
	margin-bottom: 0;
}

#contents .menuList ul li {
	width: 32.3%;
	margin-right: 1%;
	margin-bottom: 10px;
}

/*------------------------------------------------------------
	Life Design
------------------------------------------------------------*/
#conts #galleryBox {
	display: none;
}
.slideImage {
	overflow: hidden;
	margin-bottom: 20px;
}
.slideImage li {
	float: left;
	width: 48%;
	margin: 0 1% 5px;
}

/*------------------------------------------------------------
	Dome House
------------------------------------------------------------*/
.kouteiTable {
	width: 100%;
}
#sekkei,#money{
	float: none;
	margin-bottom: 50px;
	width: 100%;
}
#sekkei h3,#money h3 {
	width: 100%;
}
#title_monay{
	margin-bottom:0px;
}
.kouzou{
	width: 48%;
	margin: 20px 1%;
}
#egg,#sankaku,.safety{
	float: none;
	margin:0 auto 20px;
	display: block;
}
.copy1{
	margin-top:0;
}

/*------------------------------------------------------------
	Eco
------------------------------------------------------------*/
#kaze{
	float: none;
	margin-bottom: 20px;
}

/*------------------------------------------------------------
	Work
------------------------------------------------------------*/
.photoBox img {
	width: 49%;
}
img#kaidan {
	margin-bottom: 10px;
}
img#living,img#toilet {
	width: 48%;
	margin-bottom: 10px;
	vertical-align: text-top;
}
img#living {
	margin-top: 0;
}
img#toilet {
	top: inherit;
}
#zu_boul,
#zu_panel{
	float:none;
}
.paneru,#paneru{
	top:0;
}
.dome1{
	margin: 10px 1%;
	width: 48%;
}
.dome2{
	float: left;
	margin: 10px 1%;
	width: 48%;
}
iframe {
	width: 100%;
}

/*------------------------------------------------------------
	Staff
------------------------------------------------------------*/
#conts.staffPage .section .inner {
	width: 100%;
	float:  none;
}
#conts.staffPage .section .photo {
	margin-top: 10px;
	width: auto;
	float: none;
	text-align: center;
}

/*------------------------------------------------------------
	Company
------------------------------------------------------------*/
#conts dl dd {
	word-wrap: break-word;
}

/*------------------------------------------------------------
	News
------------------------------------------------------------*/
#contents .newHead {
	margin: 0 0 19px;
}

/*------------------------------------------------------------
	Contact
------------------------------------------------------------*/
#conts .mailForm table {
	margin-bottom: 20px;
}
#conts .mailForm th {
	padding: 5px 2%;
	width: 96%;
	border-right: none;
	display: block;
	border-bottom: 1px solid #eee;
}

#conts .mailForm td {
	display: block;
	padding: 5px 2%;
}

#conts .mailForm td table td ,
#conts .mailForm td table th{
	padding: 2px 2%;
	text-align: left;
}

#conts .mailForm td table td.none ,
#conts .mailForm td table th.none{
	padding: 0 5px 1px 0;
}

#conts .mailForm td th {
	width: 96%;
	border-right: none;
}

#conts .mailForm td table td input#fAddCity,
#conts .mailForm td table td input#fAname,
#conts .mailForm td input#fEadress,
#conts .mailForm td input#fApplications,
#conts .mailForm td input#fLocation,
#conts .mailForm td input#fLocation02,
#conts .mailForm td textarea#fQuestions {
	width: 96%;
}

form#mailformpro label {
	white-space: normal;
}

#resetBtn {
	margin-bottom: 10px;
}

}