@charset "UTF-8";
/**************************************************/
/* GLOBAL BRAND */
/**************************************************/
#bread{width:980px;margin:0px auto;}
#contents .box{max-width:1200px; min-width:980px; width:100%;}
#main{margin:0px auto; padding-bottom:140px; background:#fff;}

/* page title */
#pageTitle{margin:0 auto; background:url(../img/pageTitle_bg.jpg) no-repeat; background-size:100%;}
#pageTitle img{margin:0 auto; padding:7.4% 0;}

/* section box */
.sectionBox{margin:0px;background-color:#FFF;}

/* section title */
.sectionTitle{background-color:#007a66;color:#FFF;font-size:18px;font-weight:normal;line-height:20px;padding:15px 10px;margin-bottom:18px;}

/* text area */
.textBox{padding:0px 10px 25px;}
.textBox p{color:#333;font-size:13px;line-height:24px;}
.textBox p.padbot{padding-bottom:1em;}

/* text title */
.textHead{color:#333;font-size:14px;line-height:36px;font-weight:bold;margin-bottom:4px;}

/* images area */
.imageLayout{padding-left:1px;}
.imageLayout:after{content:'';width:100%;height:0px;display:block;clear:both;}

/* images box */
.imageBox{width:233px;float:left;margin-left:9px;padding-bottom:46px;}
.imageBox p{color:#333;font-size:12px;line-height:16px;}
.imageBox p.imagePic{margin-bottom:10px;}

/* sign */
.sign{padding-top:50px;}
.sign img{padding-top:10px;}

/* table */
.textBox table{width:auto;}
.textBox table th{width:16%; font-weight:bold; padding-right:2em;}
.textBox table td{padding-bottom:1em;}

/* location */
#location{}
.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:35px;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;}

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

#locationBox1{}
#locationBox1 .gmap{padding-top:70%;}
#locationBox2{}
#locationBox4{}

/* popup */
.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-02,
#modal-content-04{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-02 .gmap,
#modal-content-04 .gmap{width:100%; height:0px; padding-top:40%;}
.modal-close{position:absolute; top:-40px; right:20px; cursor:pointer;}
.modal-close img{margin:0; padding:3px;}

#section1{}
#section2{}
#section3{}
#section4 table th{width:20%;}
#section5 .textBox{padding-bottom:45px;}
#section6{}



/* スマホ版最適化 */
#spMode{}

#spMode #bread{width:auto;}
#spMode #main{padding-bottom:70px;}
/* タイトル */
#spMode #pageTitle{margin:0!important; background:url(../img/pageTitle_bg.jpg) no-repeat; background-size:100%;}
#spMode #pageTitle img{width:56%; max-width:358px; height:auto; margin:0 auto!important; padding:5.9% 0!important;}

#spMode .sectionTitle{margin-top:0px;}

#spMode .textHead{font-weight:bold;line-height:24px;margin:0px 0px 4px;}

#spMode .imageLayout{padding:0px 10px;}

#spMode .imageBox{width:100%;float:none;margin-left:0px;padding-bottom:46px;}
#spMode #main .imageBox p.imagePic{margin:0px 0px 10px;}
#spMode .imageBox img{width:100%;height:auto;margin:0px;}

#spMode .imageTitle{font-weight:bold;line-height:16px;margin:0px;}

#spMode .sign{padding-top:50px;}
#spMode .sign img{margin:0!important; padding-top:10px!important;}

#spMode .textBox table{width:auto;}
#spMode .textBox table th{width:auto; padding-right:1em; vertical-align:top;}
#spMode .textBox table td{width:auto;padding:0 0 1em 0; vertical-align:top;word-break:break-all;}
#spMode .textBox table img{margin:0!important;}


#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 .locationNumber{margin-right:15px;}
#spMode .locationNumber p{word-break:break-all;}

#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-02,
#spMode #modal-content-03,#spMode #modal-content-04,
#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-02 .gmap,
#spMode #modal-content-03 .gmap,#spMode #modal-content-04 .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;}
/**************************************************/