/* smartphone */
 body {
	margin:0 0 0 0 !important;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size:20px;
	min-width:640px;
	width:640px;
	height:100%;
}
p,
li,
dt,
dd p a,
.pankuzu div,
.cat-loghouse-subtitle,
.cat-loghouse-text {
	background-image:url(../image/top/1px-transparent.gif);
}
a {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
a:hover { color: #505050; opacity:1;}
 .header {
     display: none;
 }
 .navbar {
 	position:fixed;
 	left:0;
 	top:0;
	display:block;
	width:100%;
	padding:0 0 9px;
	margin:0;
	z-index:9999;
	overflow:hidden;
	height:auto;
 }
 .navbar-header {
 	background-image:url(../image/top/1px-transparent.gif);
 	width:640px;
	height:100px;
 	padding:0 20px;
 	background: rgba(255,255,255,1) !important;
 }
 .navbar-header .sp_logo {
 	background-image:url(../image/top/1px-transparent.gif);
  	float:left;
  	padding-top:5px;
  }
.navbar-header .sp_nav {
	background-image:url(../image/top/1px-transparent.gif);
  	float:right;
  	padding-top:15px;
  	display: -webkit-flex; /* Safari */
  	display: flex;
  }
.navbar-header .sp_nav a{
	background-image:url(../image/top/1px-transparent.gif);
	-webkit-flex-wrap: nowrap; /* Safari */
 	flex-wrap:nowrap;
	margin-left:5px;
}
#smartnav01 {
	background: rgba(255,255,255,0.9) !important;
	border:1px solid #ccc;
	margin-top:5px;
}
#smartnav01 dt{
  	font-size:22px;
	display:block;
	width:100%;
	padding: 3% 5%;
	text-align:left;
	cursor:pointer;
	border-bottom: 1px solid #ccc;
    }
#smartnav01 dt:last-child {
	border-bottom:none;
}
#smartnav01 dt:last-child a:before {
	content:"";
}
#smartnav01 dd{
	font-size:20px;
	background:#fff;
	width:100%;
	text-align:left;
	display:none;
 }
#smartnav01 p {
	 border-bottom: dotted 1px #999999;
	 margin: 0;
	 padding: 20px 0 20px 30px;
 }
 #smartnav01 a:before {
  	content:"→ ";
}
#smartnav01 a {
	display:inline-block;
	width:100%;
}
 .gallary_entry-title {
	font-size: 135%;
	margin: 0;
	padding: 0;
 }
 .gal_content {
	max-width: 100% !important;
	overflow: hidden;
 }
 .slideshow-container {
 	height: 430px !important;
 }
 .slideshow-container img {
	max-width: 620px !important;
	height: auto !important;
	float: left;
 }
 .advance-link {
	max-width: 100% !important;
	height: 240px !important; 
 }
 .slideshow {
	max-width: 100% !important;
	height: auto !important; 
	overflow: hidden;
 }
 .album-pic {
	max-width: 620px !important;
	height: 650px !important; 
	overflow: hidden;
 }
 .album-pic  .photospace {
	max-width: 620px !important;
}

 .thumnail_col {
	max-width: 620px !important;
 }
	 
		 
.blog-contents {
	width: 100% !important;
	float: none;
	padding-right: 0%;
	font-size:22px;
}
.blog-side {
	width: 100% !important;
}
.blog-contents h2.cat-title {
	font-weight: bold;
	font-size: 160%;
	background: #CCC !important;
	padding-left: 3%;
	line-height:1.3;
}
.blog-side h2.cat-title {
	font-weight: bold;
	font-size: 160%;
	background: #CCC !important;
	padding-left: 3%;
	line-height:1.3;
}
.cat-loghouse h2.cat-title {
	font-weight: bold;
	font-size: 140%;
	background: #fff;
	padding-left: 3%;
	line-height:1.3;
	padding-bottom:10px;
	margin-bottom:30px;
	border:7px #ccc;
	border-style:none none double;
}
.blog-detail {
	padding:0 3%;
}
/*
.blog-detail img{
	width:auto !important
}*/
ul.blog-list-side {
	margin: 0;
	padding: 0;
	font-size:22px;
}
ul.blog-list-side li {
	list-style: none;
	padding: 2% 3%;
}
.blog-data p{
	font-size:22px;
}
.blog-link-bn {
	border-bottom: dotted 1px #666666; 
	padding: 2% 3% 3% 3%;
}




.metaslider {
	padding-top:100px;
	width:100%;
}
.gallary-title {
	margin-bottom:-70px;
	font-size:28px !important;
}

.pankuzu {
	background: #D6D6D6;
	padding: 110px 20px 10px 20px;
	font-size:18px;
}
.pankuzu a{
	color: #5B8258;
}
.pankuzs {
	width:600px;
	margin:0 auto;
}




/*20161205追加*/
.pc_only {
	display:none;
}
.sp_only {
	display:block;
}
.t_dream_loghouse {
	width:580px;
	text-align:center;
	margin:40px auto 50px;
	font-family:"ヒラギノ角ゴ Pro W3", "小塚ゴシック Pro",  "Hiragino Kaku Gothic Pro" , 'メイリオ';
	font-size:20px;
	line-height:30px;
}
.t_dream_loghouse img {
	display:block;
	margin:0 auto 30px;
	width:400px;
	height:auto;
}
.product {
	width:620px;
	margin:0 auto;	
}
.product .col-sm-4,
.product .col-md-4 {
  padding-right: 8px;
  padding-left: 8px;
 }
 
 .top-slider-t {
	width: 600px;
	margin:0 auto 2%;
	padding-left: 0%;
}

.news-sec {
	width: 600px;
	margin:0 auto 4%;
	display:block;
}
.news-sec_wrap {
	width:100%;
}
.t-news {
	border-top: 0;
	margin: 0 0 30px 0;
	padding: 0;
}
.t-news li {
	border-bottom: 1px dotted #B4B4B4;
	list-style: none;
	padding: 2% 0;
	color: #5B8258;
	font-size:21px;
}
.sp_titlecolum {
	background:#646464;
	padding:10px 12px;
	color:#fff;
	width:100%;
	display:table;
	font-size:22px;
	margin-bottom:10px;
}
.sp_titlecolum a {
	color:#fff;
	text-align:right;
	display:table-cell;
}
.t-othier_colum span{
	font-weight:bold;
	font-size:110%;
	display:block;
	margin-top:10px;
}
.t-othier_colum a:last-child img {
	width:170px;
	height:auto;
}
.t-other-c {
	width:630px;
	margin:0 auto;
}
.t-other-c p {
	width: 100%;
	line-height: 1.3;
}
.t-other-c .col-sm-3,
.t-other-c .col-md-3 {
  padding-right: 12px;
  padding-left: 12px;
 }

.foot-menu {
	padding: 0;
	margin-top: 8%;
	font-size:21px;
}
.foot-menu a {
	display:inline-block;
	padding:0 3px;
}
.footernavi {
	width:100%;
	margin:0 auto;
}
.footernavi_sns {
	position:static;
	margin-top:15px;
}
.footernavi_sns img {
	height:70px;
	width:auto;
	border-radius:7px;
}
.footernavi_sns a {
	display:inline-block;
	margin-left:15px;
}

.pc_flex {
	display: block;
	width:100%;
	margin:0 auto;
}
.sp_siteindex {
	margin-top:15px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	padding:0 20px 30px;
	width:100%;
}
.sp_siteindex2 {
	margin-top:15px;
	padding:0 20px 30px;
}
.sp_siteindex a {
	display:block;
	width:252px;
	margin-right:30px;
	border-bottom:1px solid #aaa;
	padding:13px 0;
	text-indent:0;
}
.sp_siteindex2 a {
	display:block;
	width:534px;
	border-bottom:1px solid #aaa;
	padding:13px 0;
}
.sp_siteindex a:before {
	content:"";
}

.cat-blog-list img {
	float: left;
	padding-left: 3%;
	width:180px;
	height:auto;
}
.cat-blog-list ul li {
	list-style: none;
	border-bottom: 1px solid #999;
	padding:0 3% 3%;
	margin: 8% 0;
}
.cat-loghouse-list ul li {
	list-style: none;
	float: left;
	padding: 0 1% 4% 0;
	font-size: 95%;
	
}
.cat-loghouse-listtitle{
	font-weight: bold;
	font-size: 130%;
	padding-bottom: 0%;
	padding-top: 0%;
	display:block;
	margin-top:-15px;
	
}

.blog-naiyou {
	width: 420px;
	margin: -30px 0 0 0;
}

.blog-naiyou img {
	width: 60px;
}

.sp_space10 {
	margin:10px 0;
}
.sp_space_b20 {
	margin:20px 0;
}
.loghouse-text {
	line-height: 1.6;
	margin-bottom: 8%;
}
.cat-loghouse-text {
	line-height: 1.6;
	margin-bottom: 4%;
	font-size: 110%;
}
.spimg_margin div {
	margin-bottom:28px;
}
.spimg_margin div:last-child {
	margin-bottom:0;
}



h1.inquiry_title {
	width:100%;
	margin:0 auto 20px;
	padding:0 20px 10px;
	border-bottom:3px double #aaa;
}
#forms {
	display:block;
	width:100%;
	margin:0 auto;
	background:#eee;
	padding:0px 20px 20px;
	font-size:23px;
	line-height:28px;
}
#forms .th {
	display:block;
	font-weight:bold;
	padding:35px 0 10px;
	width:100%;
	font-size:110%;
}
#forms .th.second {
	vertical-align:top;
	padding-top:35px;
}
#forms .td {
	display:block;
	padding:13px 0 20px;
	width:100%;
	border-bottom:1px solid #aaa;
}
#forms .hr {
	border-top:1px #ccc solid;
	padding:10px 0;
	width:100%;
}
#forms .td label {
	font-weight:normal;
	padding-right:20px;
	margin-bottom:20px;
}
#forms .td label span {
	display:inline-block;
	margin-top:1px;
}
#forms .td input[type="text"],
#forms .td input[type="tel"],
#forms .td input[type="url"],
#forms .td input[type="email"]{
	padding:11px;
} 
#forms .td input[type="radio"] {
	width:30px;
	height:30px;
	border-radius:15px;
	vertical-align:top;
	display:inline-block;
	margin:1px 5px 0 0;
}
#forms .td input[type="checkbox"] {
	width:30px;
	height:30px;
	border-radius:10px;
	vertical-align:top;
	display:inline-block;
	margin:0 20px 0 0;
}

#forms .td span:first-child {
	color:#f00;
	background:#FFEB92;
	display:table;
}
#forms  .th span.required {
	color:#f00;
	padding-left:5px;
}
#forms .td span.att {
	color:#696969;
	font-size:90%;
	padding-left:5px;
	display:block;
	margin-top:3px;
}
#forms .inquiry_add {
	border:1px #ccc;
	border-style:solid none;
	padding:20px 0;
	margin:35px 0 20px;
	text-align:center;
	width:100%;
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	background:rgba(255,255,255,0.3);
	color:#F39737;
}
#forms textarea {
	padding:10px;
	font-size:23px;
	border:1px solid #ccc;
}
#forms .botton {
	display:table;
	margin:50px auto 40px;
}
#forms .botton #kakunin {
	background:#fff url(../image/inquiry/kakunin.png) no-repeat;
	background-size:100%;
	text-indent:-9999px;
	border-radius:10px;
	width:250px;
	height:53px;
}
#forms .botton input:hover {
	opacity:1;
}
#forms .w40 {width:80px;}
#forms .w50 {width:90px;}
#forms .w60 {width:100px;}
#forms .w70 {width:110px;}
#forms .w80 {width:120px;}
#forms .w90 {width:130px;}
#forms .w100 {width:120px;}
#forms .w250 {width:450px;}
#forms .w350 {width:600px;}
#forms .w600 {width:600px;}


#kakunin_form {
	padding-top:20px;
}
#kakunin_form .th {
	display:inline-block;
	font-weight:bold;
	padding:7px 15px;
	width:100%;
	vertical-align:top;
}
#kakunin_form .td {
	display:inline-block;
	padding:7px 15px;
	width:100%;
	vertical-align:top;
}

.thanks {
	font-size:22px; 
	line-height:30px;
	width:600px;
	margin:30px auto 100px;
}





.wp-pagenavi {
	display:table;
	margin:0 auto;
	font-size:140%;
}
.wp-pagenavi .pages {
	border:none;
	display:inline-block;
}
.wp-pagenavi .current,
.wp-pagenavi .larger,
.wp-pagenavi .nextpostslink {
	padding:5px 15px;
}


#page_top {
    position: fixed;
    bottom:30px;
    right: 30px;
}
#page_top img {
	width:100px; 
	height:auto;
}




.tenpo_contents {
	margin-top:30px;
}
.tenpo_index {
	display:block;
	margin-left:15px;
}


.sp_product_navi {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	padding:15px 5px 15px;
}
.sp_product_navi img {
	width:100%;
	height:auto;
}
.sp_product_navi2 {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	padding:15px 130px 20px;
}
.sp_product_navi2 img {
	width:180px;
	height:auto;
}
.sp_pro_space {
	height:60px;
}
.sp_pro_space2 {
	height:80px;
}
#sp_pro02 {
	height:100px;
}
#sp_pro03 {
	height:70px;
}

#loopSlide {
	border:none;
	background: #fff;
}
.sp-slides {
	display:none;
}
.sp-sp-slides {
	display: block;
	padding:0;
	width:620px;
	margin:0 auto;
}
.sp-sp-slide {
	padding: 7px ;
}
.loopSlidearea {
	margin:0 auto 30px;
}
.gallary-cat {
	padding: 3%;
	background:#fff;
}
.gallary-cat-all {
	padding: 3%;
	background:#fff;
	width:205px;
}
.gallary-cat-list {
	padding: 1%;
	margin:0;
}
.sp-gallary {
	padding:0 10px;
}
.img-responsive {
	width:100%;
}




/*201703全国代理店追加分*/
.tenponav {
    display: block;
    font-size: 100%;

}
.tenponav a {
    color: #5B8258;
    text-decoration: underline;
}
.tenponav div {
    border-right:0 solid #ccc;
    border-bottom:1px dotted #ccc;
    padding:1% 0;
}
.tenponav.bk div{
    display: none;
}
.tenpochiku_area01 div.tenponav:last-child div,
.tenpochiku_area02 div.tenponav:last-child div,
.tenpochiku_area03 div.tenponav:last-child div,
.tenpochiku_area04 div.tenponav:last-child div,
.tenpochiku_area05 div.tenponav:last-child div,
.tenpochiku_area06 div.tenponav:last-child div,
.tenpochiku_area07 div.tenponav:last-child div,
.tenpochiku_area08 div.tenponav:last-child div,
.tenpochiku_area09 div.tenponav:last-child div,
.tenpochiku_area10 div.tenponav:last-child div,
.tenpochiku_area11 div.tenponav:last-child div {
    border-bottom: 1px dotted #ccc;
    margin-bottom:1%;
}
div.tenponav:nth-child(1) div:nth-child(1):before {
    width:100%;
    background: #eee;
    display: block;
    padding: 1%;
    margin-top:50px;
}
.tenpochiku_area01 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "北海道地区";
}
.tenpochiku_area02 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "東北地区";
}
.tenpochiku_area03 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "北陸地区";
}
.tenpochiku_area04 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "北関東地区";
}
.tenpochiku_area05 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "南関東地区";
}
.tenpochiku_area06 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "甲信地区";
}
.tenpochiku_area07 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "東海中部地区";
}
.tenpochiku_area08 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "近畿地区";
}
.tenpochiku_area09 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "中国地区";
}
.tenpochiku_area10 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "四国九州地区";
}
.tenpochiku_area11 div.tenponav:nth-child(1) div:nth-child(1):before {
    content: "沖縄地区";
}
.tenponav div:nth-child(1) {
    width:100%;
    border-left:0 solid #ccc;
    font-weight:bold;
    border-bottom: none !important;
    text-align: left;
    font-size: 120%;
}
.tenponav div:nth-child(2),
.tenponav div:nth-child(3),
.tenponav div:nth-child(4),
.tenponav div:nth-child(5) {
    text-indent: -5em;
    padding-left:5em;
}
.tenponav div:nth-child(2) {width:100%; padding-top:20px; border-top:1px solid #888;}
.tenponav div:nth-child(3) {width:100%;}
.tenponav div:nth-child(4) {width:100%;}
.tenponav div:nth-child(5) {width:100%; border:none;}
.tenponav div:nth-child(2):before {width:100%; content:"代理店名："; color:#888;}
.tenponav div:nth-child(3):before {width:100%; content:"社名　　："; color:#888;}
.tenponav div:nth-child(4):before {width:100%; content:"住所　　："; color:#888;}
.tenponav div:nth-child(5):before {width:100%; content:"ＴＥＬ　："; color:#888;}
.tenponav_title {
    font-size: 150%;
    font-weight: bold;
    background: #E6E6E6;
    padding: 1.5% 2% 1.2%;
    width:100%;
}
.tenponavInpage {
    display: block;
    font-size: 100%;
    margin:10px 0 0;
}
.tenponavInpage a {
    display: inline-block;
    background: #5B8258;
    padding: 2%;
    text-align: center;
    color: #fff;
    width: 49%;
    margin-bottom: 1px;
    margin-right:0;
}

#area01,#area02,#area03,#area04,#area05,#area06,#area07,#area08,#area09,#area10,#area11 {
	margin-top: -630px; /* リンク位置上昇分 */
	padding-top: 630px; /* 上昇分を戻す分 */
}




.tenpo_wrap {
    display: block;
    width: 100%;
}
.tenpo_th {
    display: block;
    background:#C8C8C8;
	padding: 1%;
	border: 1px solid #646464;
    width: 100%;
}
.tenpo_td {
    display: block;
    background:#fff;
	padding: 1%;
	border: 1px solid #646464;
    width: 100%;
}
.tenpo_th2 {
    display: block;
    background:#C8C8C8;
	padding: 1%;
	border: 1px solid #646464;
    width: 100%;
}
.tenpo_td2 {
    display: block;
    background:#fff;
	padding: 1%;
	border: 1px solid #646464;
    width: 100%;
}


.tenponavMap {
    width:100%;
    height:550px;
    border:none;
    margin-top: 50px;
    margin-bottom:-40px;
}



.kit-price {
    font-size: 26px;
    font-weight: bold;
    color: #597f57;
    padding-left: 5px;
}

.cam-price {
    font-size: 26px;
    font-weight: bold;
    color: red;
    padding-left: 5px;
}




/*配送料*/
h2.delivery {
    color:#597f57;
    font-size: 24px;
    background: none;
    border-bottom: 1px #575554 solid;
    padding-bottom: 10px;
    width: 100%;
}
h2.delivery span {
    color: #727171;
}
.deliverycharge {
    width:auto;
    padding-right: 20px;
    padding-left:20px;
    margin: 50px auto 0;
}
.deliverywrap {
    display:block;
}
.partGarden table,
.partA table,
.partB table,
.partC table {
    width: 100%;
    margin-top: 10px;
}
.deliverycharge tr:nth-child(odd) {
    background: #efefef;
}
.deliverycharge th {
    padding: 5px 20px;
    text-align: left;
    width: 180px;
}
.deliverycharge td {
    padding: 5px 10px;
    text-align: center;
}
td.spec_head {
    background: #597f57;
    color: #fff;
    padding: 3px 0;
    text-align: center;
}
td.blank {
    height: 10px;
}
.deliverycharge .att {
    color: #f00;
    display: block;
}


.pc_product_navi {
	display:none;
}



/*仕様書*/
h2.specification {
    color:#597f57;
    font-size: 24px;
    background: none;
    border-bottom: 1px #575554 solid;
    padding-bottom: 10px;
    width: 100%;
}
.specificationwrap {
    width:auto;
    padding-right: 20px;
    padding-left:20px;
    margin: 80px auto 0;
    padding-bottom: 60px;
}
.specificationwrap table {
    width: 100%;
    line-height: 1.6;
}
.specificationwrap tr:nth-child(odd) {
    background: #efefef;
}
.specificationwrap table.one,
.specificationwrap table.second {
	width:100%;
}
.specificationwrap table.one tr:nth-child(odd) {
    background: #efefef;
}
.specificationwrap table.one tr:nth-child(even) {
    background: #fff;
}
.specificationwrap table.second tr:nth-child(even) {
    background: #efefef;
}
.specificationwrap table.second tr:nth-child(odd) {
    background: #fff;
}
.sc_listflex {
	display:block;
}
.specificationwrap th {
    padding: 5px 20px;
    text-align: left;
    width: 25%;
}
.specificationwrap td {
    padding: 5px 10px;
    width: 75%;
}
.specificationwrap table.one th,
.specificationwrap table.second th {
    width: 23%;
}
.specificationwrap table.other th {
    width: 23%;
}
.specificationwrap table.one td,
.specificationwrap table.second td {
    width: 77%;
}
.specificationwrap table.other td {
    width: 77%;
}
.specificationwrap p {
    margin: 0;
}