/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* base */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

.nav { margin-bottom:20px; text-align:left; }
.nav li img { vertical-align:bottom; }
.nav .tl { background:url(../images/line01.gif) repeat-x bottom; padding:4px 0 6px 8px; margin-left:40px; text-align:left; }
.nav .tlnb { background:none; padding:4px 0 6px 8px; margin-left:40px; text-align:left; }
.nav ul.in { border:1px solid #84AE3C; width:181px; padding:6px 8px; }
.nav ul.in li { padding:0 10px 0 20px; background:url(../images/ls01.gif) no-repeat 0 0.3em; }

.navTX { margin-bottom:10px; text-align:center; }
.navTX li { display:inline;  }
.navTX li img { vertical-align:middle; padding-right:2px; }

.tNLink { text-align:right; padding:0 10px; }

.pageIndex { background:#EAF2DA; border:#E2ECCC 1px solid; padding:6px 10px; margin-right:1px; clear:both; text-align:left; }



.boxML { border:1px solid #D9B546; padding:10px; margin:auto; text-align:left; }


.copy { font-size:x-small; }

.counter { text-align:right; padding:0 0 8px 0; margin:auto; }

dl.news { margin:auto 8px; padding:4px 0 8px 0; }
dl.news dt {
  clear: left;
  float: left;
  width: 7em;
  margin: 0;
  padding:10px 0 8px 20px;
  color: #999;
  text-align:left;
  display:inline;
  background:url(../images/ls01.gif) no-repeat 0 0.9em;
}

dl.news dd {
  margin:0;
  padding:10px 0 8px 9em;
  text-align:left;
  background:url(../images/line01.gif) repeat-x bottom;
}

dl.news img { vertical-align:middle; margin:0; padding:0 0 0 0.3em; }



.h3BK { background:url(../images/back05.gif) 0 0 no-repeat; margin-bottom:10px; }

.bk { background:#F7EFD9; }
.bk2 { background:#EEDEB0; }
.bk3 { background:#FBF7EC; }
.bk4 { background:#EAF2DA; }








.pageLink { border-top:1px #CCC dotted; padding-top:6px; margin-top:20px; text-align:right; clear:both; }
.pageLink ul {}
.pageLink li { display:inline; padding-left:10px; margin-left:10px; white-space:nowrap; }




.pageLink2 { padding-top:6px; margin-top:20px; text-align:right; clear:both; }
.pageLink2 ul {}
.pageLink2 li { display:inline; padding-left:10px; margin-left:10px; white-space:nowrap; }



.pimg { text-align:center; margin:0 auto 1em auto; }
.pTA { margin: 0 0 1em 0; }


.clear { clear:both; }

 /* 画像
---------------------------------------------------- */
.imgWP { margin-bottom:40px; }
.imgWP img.floorplan { margin:10px 0; }

/*検索用
----------------------------------------------------*/
.searchwin { margin:15px 0; }
.input02 { border:1px solid #CCC; width:75%; padding:8px 30px 8px 8px; background: #FFF url(../images/ico01.png) no-repeat right 0.4em; font-size:100%; margin:auto; }


 /* テキストエリア、ボックス
---------------------------------------------------- */
.TA { margin:0 10px 60px 10px; }
.TA iframe { border:1px solid #CCC; padding:1px; margin-bottom:4px; }
.TAWrap { padding:10px; background:url(../images/back06.png) top repeat-x; }
.TA2 { margin:0 0 40px 16px; clear:both; }
.TA3 { margin-bottom:40px; }

.TAlink { margin-bottom:30px; border-bottom:1px dotted #CCC; padding-bottom:20px; }
.TAlink h5 { font-size:110%; margin-bottom:4px; font-weight:bold; }
img.banner { float:left; margin-right:20px; margin-bottom:10px; }


.boxFL { width:48%; float:left; }
.boxFR { width:48%; float:right; }

.boxFLwp { margin:0 0 10px 0; }
.box1 { background:#EAF2DA; border:#E2ECCC 1px solid; padding:6px 10px; margin-right:1px; clear:both; }
.box1 h5 { font-weight:bold; }

.box2 { border:1px solid #D9B546; padding:6px; }

.box3 { border:#E2ECCC 1px solid; padding:6px 10px; margin-right:1px; clear:both; }
.box3 h5 { font-weight:bold; }
.box4 {  clear:both; }



.boxNL { min-height:150px; height:auto !important; height:150px; margin-bottom:20px; }


 /* テーブル
---------------------------------------------------- */
table.tb01 { clear:both; margin:0 0 0.5em 0; }
table.tb01 td { border:#CCC 1px solid; padding:4px 8px; }


 /* リスト
---------------------------------------------------- */
.ulPan { margin-bottom:14px; margin-left:10px; }
.ulPan li { display:inline; background:url(../images/ls02.gif) no-repeat right 0; padding-right:12px; padding-bottom:2px; margin-right:6px; white-space:nowrap; }
.ulPan li.end { background:none; }

.ulPi{ }
.ulPi li { display:inline; padding-right:10px; margin-right:10px; border-right:1px #CCC solid; white-space:nowrap; }
.ulPi li.end { background:none; }


.mmMInner { padding:20px 10px; text-align:left; }

ul.ul01 li { list-style:decimal; margin-left:2em; margin-bottom:1em; line-height:1.5em; }
ul.ul01 li h6 { margin:0 0 0.25em 0; }
ul.ul01 li h6 span { padding-bottom:2px; border-bottom:1px #999 dashed; color:#333; font-weight:bold; }

ul.ul01 li ul.ul01-disc li { list-style: disc; margin:0 0 0.5em 1.5em; line-height:1.5em; }

.ul02 li { list-style:disc; margin-left:1em;}
.ul03 li { list-style:disc; margin-left:1em; margin-bottom:0.5em; }


 /* 見出し
---------------------------------------------------- */
h2.h2M { padding:0 0 14px 10px; }
h3.h301 { font-weight:bold; padding:4px 8px; margin-bottom:10px; background:#EAF2DA; color:#333; }
.h301wp { background:url(../images/back05.gif) no-repeat left top; margin:0 0 6px 0; }
.h301wp h3 { clear:both; background: url(../images/back05B.gif) no-repeat left bottom; padding:4px 10px; color:#FFF; font-weight:bold; }

h4.h401 { font-weight:bold; margin:0 0 4px 0; padding:0 10px 0 16px; background:url(../images/ls01.gif) no-repeat 0 0.3em; }
h4.h401 span { font-weight:normal; padding-left:0.5em; color:#666; }
.h402 { background: url(../images/back05.gif) center 0; color:#FFF; font-weight:bold; padding:4px 8px; text-align:center; }
h5.h501 { margin-bottom:4px; clear:both; font-weight:bold; }
h5.h501 span { font-weight:bold; border-bottom:1px #C00 solid; padding-bottom:1px; color:#C00; }
h5.h502 { margin-top:10px; margin-bottom:2px; clear:both; font-weight:bold; border-top:1px #CCC dotted; padding-top:10px; }
h5.h502 span { font-weight:bold; border-bottom:1px #C00 solid; padding-bottom:1px; color:#C00; }
h5.h5Dl { background: url(../images/ls03.gif) 0 0 no-repeat; padding-left:26px; padding-bottom:4px; font-weight:bold; }
h5.h503 { font-weight:bold; margin-bottom:5px; padding-bottom:5px; border-bottom:#EEDEB0 2px dashed; }
h6.date { color: #666; padding:0 0 0 0; }


 /* カレンダー
---------------------------------------------------- */
.calendar { float:left; width:200px; }
.calendar2 { width:220px; float:left;}
.calendar3 { width:220px; float:right;}
.calendar4 {  }
table.tblCal { border-collapse:collapse; border: 1px #D3CBBE solid; margin:auto; background:#FFF; } 
table.tblCal td,th { text-align:center; vertical-align:top; border:1px solid #D3CBBE; padding:4px 2px; line-height:100%; } 
table.tblCal td a { text-decoration:underline; }
table.tblCal tr.tr-month { font-weight:bold; font-size:small; }
table.tblCal tr.tr-month img { vertical-align:middle; padding:0 15px; }
table.tblCal tr.tr-week { background:#EFECE7; font-size:x-small; }
table.tblCal tr.tr-day { font-size:x-small; }
table.tblCal td.td-notactive { color:#E1DBD2; }
table.tblCal td.td-entry { background:#CC0000; font-weight:bold; }
table.tblCal td.td-entry a { color:white; text-decoration:none; display:block; width:100%; height:100%; }
table.tblCal td.td-entry2 { background: #37B10A; font-weight:bold; color:white; }
table.tblCal td.td-entry2 a { color:white; text-decoration:none; display:block; width:100%; height:100%; }
table.tblCal td.td-entry3 { background: #EDDEAE; font-weight:bold; color:#777; }
table.tblCal td.td-entry3 a { text-decoration:none; display:block; width:100%; height:100%; }
table.tblCal td.td-today { font-weight:bold; }
.marks { background:#FFF; padding:5px 10px; margin:5px 0 0 0; clear:both; font-size:90%; }
.marks li { display:inline; padding-right:5px; }
.marks li img { vertical-align:middle; padding-right:4px; }


 /* テキスト
---------------------------------------------------- */
.memo { color:#666; }


 /* セット
---------------------------------------------------- */
.set01 { margin-bottom:15px; padding-bottom:10px; background:url(../images/line01.gif) repeat-x bottom; clear:both; }
.set01 h5 img { vertical-align:middle; padding-right:5px; }
.set01 h5 { font-weight:bold; margin-bottom:5px; }
.set01 img.set01img { float:right; padding:3px; border:1px solid #CCC; margin-left:10px; margin-bottom:10px; }

 /* トップスライドショー
---------------------------------------------------- */
.slide { position:relative; width:475px; height:315px;  }
.slide img { position:absolute; left:0; top:0; }



#slideshow {
    position:relative;
    height:315px;
	width:475px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*===============================================
タブレット用
===============================================*/
@media screen and (min-width: 860px){

.humWP { display:none; }
#humberger { display:none; }

#wrap { width:968px; background: url(../images/back02.png) repeat-y; margin:auto; }
#head { width:972px; height:133px; margin:0 auto; padding-top:20px; background: url(../images/back02.png) no-repeat 0 0; }
#headTop { width:972px; height:153px; margin:0 auto; background: url(../images/back02.png) no-repeat 0 0; }
#head .topm_img {display:none; }

#main { width:972px; background: url(../images/back03.png) repeat-y 0 0; margin:auto; }
#main .inner { clear:both; padding:0 30px 30px 30px; }

#mL { float:left; width:200px; }
#mR { float:right; width:690px; }

#mmL { float:left; width:475px; text-align:left; }
#mmR { float:right; width:200px; text-align:left; }

#mmM { clear:both; background: url(../images/line02.gif) top repeat-x; padding:7px 0 0 0; overflow:hidden; }
#mmM2 { clear:both; padding:7px 0 0 0; overflow:hidden; }


#foot { clear:both; width:972px; height:129px; background: url(../images/back04.png) no-repeat 0 0; margin:auto; }
#foot .inner { clear:both; padding:75px 0 0 0; }
#foot .inner p { color:white; }

 /* スマホの時だけ改行させるクラス
---------------------------------------------------- */
.br-sp {
    display: none;
}
 /* テーブル
---------------------------------------------------- */
.mainPC { clear:both; margin:0 0 0.5em 0; }
.mainPC td { border:#CCC 1px solid; padding:4px 8px; }
.mainPC .tb01-01 { text-align:center; font-weight:bold; background:#EEDEB0; }
.mainPC .tb01-02 { text-align:center; background:#F7EFD9; }
.mainPC p { font-size:small; display: inline-block; }

.mainSH {display:none; }

/*入力フォームinput*/
.tf01 { border:1px solid #CCC; padding:0px; font-size:100%; margin:1px; width:90%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf02 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:25%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf03 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:50%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf04 { border:1px solid #CCC; padding:0px; font-size:70%; margin:1px; width:98%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf05 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:25%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf06 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:10%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }

.btn01 { font-size:120%; background:#518b09; padding:4px 8px; cursor:pointer; margin:1px; 
  box-shadow: 2px 2px 2px #8F908B;
  transition: .3s;
  color:#FFF;
  /*border-radius:10px;*/
}
.btn03 { font-size:100%; background:#518b09; padding:4px 8px; cursor:pointer; margin:1px; 
  box-shadow: 2px 2px 2px #8F908B;
  transition: .3s;
  color:#FFF;
  /*border-radius:10px;*/
}



}


/*===============================================
スマホ用
===============================================*/
@media screen and (max-width: 859px) {

/* layout */
#wrap { width:98%; background: url(../images/back02.png) repeat-y; margin:0 auto; }
#head { width:98%; margin:0 auto; padding-top:15px; background: url(../images/back02.png) no-repeat 0 0; }
#headTop { width:98%; margin:0 1px 0 1px; background: url(../images/back02.png) no-repeat 0 0; }
#head .top_img { display:none;}
#head .topm_img { width:98%;}

#main { width:98%; background: url(../images/back03.png) repeat-y 0 0; margin:0 auto; }
#main .inner { clear:both; padding:0 1px 3px 1px; }

#mL { display:none; }
#mR { float:right; width:98%; }

#mmL { display:none; }
#mmR { float:right; width:100%; text-align:left; }

#mmM { clear:both; background: url(../images/line02.gif) top repeat-x; padding:7px 0 0 0; overflow:hidden; }
#mmM2 { clear:both; padding:7px 0 0 0; overflow:hidden; }


#foot { clear:both; width:98%; height:200px; background: url(../images/back04-mobile.png) no-repeat 0 0; margin:0 auto; }
#foot .inner { clear:both; padding:80px 10px 0px 10px; }
#foot .inner p { color:white; }

 /* スマホの時だけ改行させるクラス
---------------------------------------------------- */
.br-sp {
       display: block;
}

 /* テーブル
---------------------------------------------------- */
.mainSH { clear:both; margin:0 0 0.5em 0; }
.mainSH td { border:#CCC 1px solid; padding:4px 8px; }
.mainSH .tb01-01 { text-align:left; font-weight:bold; background:#EEDEB0; }
.mainSH .tb01-02 { text-align:center; background:#F7EFD9; }
.mainSH .tb01-03 { text-align:left; background:#F7EFD9; }
.mainSH p.tSmal { font-size:small; display: inline-block;}

.mainPC {display:none; }


/*入力フォームinput*/
.tf01 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:90%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf02 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:30%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf03 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:50%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf04 { border:1px solid #CCC; padding:1px; font-size:70%; margin:1px; width:100%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf05 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:30%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }
.tf06 { border:1px solid #CCC; padding:1px; font-size:100%; margin:1px; width:15%; background-color:#FFFFFF;
	border-radius: 1px; cursor: pointer;
 }

.btn01 { font-size:110%; background:#518b09; padding:4px 8px; cursor:pointer; margin:1px; 
  box-shadow: 2px 2px 2px #8F908B;
  transition: .3s;
  color:#FFF;
  /*border-radius:10px;*/
}
.btn03 { font-size:80%; background:#518b09; padding:4px 8px; cursor:pointer; margin:1px; 
  box-shadow: 2px 2px 2px #8F908B;
  transition: .3s;
  color:#FFF;
  /*border-radius:10px;*/
}


    body.drawer-opened #page{
        left: -240px;
        box-shadow: 1px 0 2px #000;
        -webkit-box-shadow: 1px 0 2px #000;
    }
    body.drawer-opened .fixed-content{
        left: -240px;
    }
    body.drawer-opened #drawernav{
        right: 0;
    }
    body.drawer-opened #humberger .icon-bar{
        background:#FFFFFF;
    }
    body.drawer-opened #humberger :nth-child(1){
        transform:translate(0,8px) rotate(45deg);
        -webkit-transform:translate(0,8px) rotate(45deg);
    }
    body.drawer-opened #humberger :nth-child(2){
        transform:translate(-20px ,0);
        -webkit-transform:translate(-20px ,0);
        opacity:0;
    }
    body.drawer-opened #humberger :nth-child(3){
        transform:translate(0,-8px) rotate(-45deg);
        -webkit-transform:translate(0,-8px) rotate(-45deg);
    }
    body.drawer-opened #overlay{
        z-index: 3;
        opacity:0.2;
        left: -240px;
    }


}