@charset "UTF-8";

/* 造園事業部 中ページCSS */
#main{width:960px;margin:0 auto;padding:0 10px;}

#pageTitle{width:100%; height:250px; background:url(../img/pageTitle_BG.jpg) no-repeat top center; background-size:cover;}
#pageTitle img{margin:0 auto; padding-top:4.5%;}

#pageTitle.page01{height:325px;}
#pageTitle.page06{height:325px;}

/* コンテンツ共通 */
.ctBox{}.ctText{margin-bottom:40px;}
.ctBox p img{margin-top:20px;}
.ctBox .leftBox p.left{margin-right:20px;}
.ctBox .leftBox p.last{margin-right:0px;}
.floatBox{margin-top:20px;}
.floatBox:after{content:''; display:block; clear:both;}
.floatBox img{margin-top:0!important;}
.floatBox img.top{margin-top:20px!important;}
.floatBox .left{float:left;}
.floatBox .right{float:right;}

/* landscaping1 */
#landBox-01 #content2{padding-bottom:140px;margin-bottom:0px;}

/* landscaping2 */
#landBox-02 #content4{padding-bottom:140px; margin-bottom:0px;}

/* landscaping3 */
#landBox-03 #content3{padding-bottom:140px; margin-bottom:0px;}

/* landscaping4 */
#landBox-04 #content2{padding-bottom:140px; margin-bottom:0px;}

/* landscaping5 */
#landBox-05 #content2{padding-bottom:140px; margin-bottom:0px;}

/* landscaping6 */
#landBox-06 #content11{float:left;}
#landBox-06 #content11-2{float:right;}
#landBox-06 #content12{clear:both;}
#landBox-06 #content14{padding-bottom:140px; margin-bottom:0px;}

/* landscaping7 */
#landBox-07 #content1{padding-bottom:140px; margin-bottom:0px;}
.locationBox{width:800px; margin:0 auto 60px;}
.locationAddress{padding-left:125px;position:relative;}
.locationName{position:absolute;left:0px;top:0px;}
.locationNumber{float:left;margin-top:12px;margin-right:45px;padding-bottom:27px;}
.locationMap{clear:both;position:relative;width:500px;padding-left:300px;}
.locationImage{position:absolute;left:0px;top:0px;width:300px;height:250px;background-color:#CCC;}
.locationImage img{margin-top:0!important;}

.gmap{width:100%;height:0px;padding-top:50%;}

#locationBox1{}
#locationBox1 .gmap{padding-top:70%;}
#locationBox3{}
#locationBox5{margin-bottom:0px;}
#locationBox5 .locationMap{width:800px;padding-left:0px;}
#locationBox5 .gmap{padding-top:31.2%;}

.locationMap .zoom{display:inline-block; background:#FFF; position:absolute; top:10px; right:10px; z-index:2; padding:10px 20px; cursor:pointer; color:#5b4801; border-radius:3px;
box-shadow:0px 0px 4px 2px #ccc;
-moz-box-shadow:0px 0px 4px 2px #ccc;
-webkit-box-shadow:0px 0px 4px 2px #ccc;}
#modal-content-01, #modal-content-03, #modal-content-05{width:100%; margin:0; position:fixed; top:-9999px;	z-index:10;}
#modal-overlay{z-index:5; display:none;	position:fixed;	top:0; left:0; width:100%; height:120%; background-color: rgba( 0,0,0, 0.75 );}
#modal-content-01 .gmap, #modal-content-03 .gmap, #modal-content-05 .gmap{width:100%; height:0px; padding-top:40%;}
.modal-close{position:absolute; top:-40px; right:20px; cursor:pointer;}
.modal-close img{margin:0!important; padding:3px;}



/* 造園事業部 中ページ SP CSS */
#spMode #main{width:auto; max-width:960px; margin:0 auto; padding:0;}

#spMode #pageTitle{width:100%; height:auto; margin-bottom:30px!important; background:url(../img/pageTitle_BG.jpg) no-repeat top center; background-size:cover;}
#spMode #pageTitle img{display:block; width:auto; max-width:85%;/*59%*/ max-height:65px; height:auto; margin:0 auto; padding-top:4%!important; padding-bottom:5%!important;}

#spMode #pageTitle #pageText01{width:auto; max-width:95%; max-height:148px; padding:0 0 3% 0!important;}
#spMode #pageTitle #pageText02{width:auto; max-width:95%; max-height:73px; padding:0 0 3% 0!important;}
#spMode #pageTitle #pageText03{width:auto; max-width:95%; max-height:72px; padding:0 0 3% 0!important;}
#spMode #pageTitle #pageText04{width:auto; max-width:95%; max-height:73px; padding:0 0 3% 0!important;}
#spMode #pageTitle #pageText05{width:auto; max-width:95%; max-height:73px; padding:0 0 3% 0!important;}
#spMode #pageTitle #pageText06{width:auto; max-width:95%; max-height:149px; padding:0 0 3% 0!important;}
#spMode #pageTitle #pageText07{width:auto; max-width:95%; max-height:72px; padding:0 0 3% 0!important;}

/* コンテンツ共通 */
#spMode .ctBox{}.ctText{margin-bottom:40px;}
#spMode .ctBox p img{margin-top:20px;}
#spMode .ctBox .leftBox p.left{margin-right:0px;}
#spMode .ctBox .leftBox p.last{margin-right:0px;}
#spMode .floatBox{margin-top:20px;}
#spMode .floatBox:after{content:none;}
#spMode .floatBox img{margin-top:20px!important;}
#spMode .floatBox img.top{margin-top:20px!important;}
#spMode .floatBox .left{float:none;}
#spMode .floatBox .right{float:none;}

/* landscaping1 */
#spMode #landBox-01 #content2{padding-bottom:70px;margin-bottom:0px;}

/* landscaping2 */
#spMode #landBox-02 #content4{padding-bottom:70px; margin-bottom:0px;}

/* landscaping3 */
#spMode #landBox-03 #content3{padding-bottom:70px; margin-bottom:0px;}

/* landscaping4 */
#spMode #landBox-04 #content2{padding-bottom:70px; margin-bottom:0px;}

/* landscaping5 */
#spMode #landBox-05 #content2{padding-bottom:70px; margin-bottom:0px;}

/* landscaping6 */
#spMode #landBox-06 #content11{float:none;}
#spMode #landBox-06 #content11-2{float:none;}
#spMode #landBox-06 #content14{padding-bottom:70px; margin-bottom:0px;}

/* landscaping7 */
#spMode #landBox-07 #content1{padding-bottom:70px; margin-bottom:0px;}
#spMode .locationBox{width:auto;}
#spMode .gmap{padding-top:62.5%;}
#spMode .locationMap{width:100%;padding-left:0px;}
#spMode .locationImage{position:static;left:auto;top:auto;width:100%;height:auto; margin-bottom:10px!important;}
#spMode .locationImage img{margin:0px;display:block;width:100%;height:auto;}

#spMode #locationBox5 .locationMap{width:100%;}

#spMode .locationMap .zoom{font-size:12px!important; line-height:1em!important; padding:8px 16px; top:auto; right:10px; margin-top:10px!important; border:none!important;}
#spMode #modal-content-01, #spMode #modal-content-03,#spMode  #spMode #modal-content-05{width:100%; margin:0; position:fixed;	z-index:10;}
#spMode #modal-overlay{z-index:5; display:none;	position:fixed;	top:0; left:0; width:100%; height:120%; background-color: rgba( 0,0,0, 0.75 );}
#spMode #modal-content-01 .gmap, #spMode #modal-content-03 .gmap, #spMode #modal-content-05 .gmap{width:100%; height:0px; padding-top:75%;}
#spMode .modal-close{top:15px; right:15px; position:fixed; margin:0!important; z-index:20; background:#555;}
#spMode .modal-close img{margin:0!important; padding:3px!important;}