@charset "utf-8";
/* CSS Document */

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


/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/


body { }

#bodywrap {font-size:3.8vw;}
	
img {
max-width: 100%!important;
height: auto;
width /***/:auto;　

}


/*リンクナビゲーションマージン*/
div#top, div#about, div#introduction, div#flow, div#acces { margin-top:-75px; padding-top:75px;}


.layoutbox {width:100%;  margin:0 auto; padding: 100px 0 0;}


/* header */
.logo { float:none; margin:0 auto 0; text-align: center;}
.head_ico {float:none; margin:50px auto 0; padding: 0 20px;}




/*------------------------  ドロワーメニュー  ------------------------*/
#Mmenu_wrap {
position:fixed; z-index: 99; top:0px; width: 100%; margin: 0 auto -80px; padding-bottom: 70px; height: 70px; background: #4E3000;
opacity: 1;
}
.Mmenu_wrap_comm {position:relative; width: 100%; margin: 0 auto 0; height: 70px; background: #2AABB7;}
.Mmenu_wrap img {/*box-shadow: 3px 3px 5px rgba(8,8,8,0.3)*/}
/*------------------------  ドロワーメニュー  ------------------------*/
#openMenu {
	height:70px; text-align:right;z-index: 10;
	background:none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}
#layerMenu {
	display: none;
	width:50%; 
	position: absolute;
	top: 70px;
	left: 0;
	/*font-size: 15px;*/
	font-size:3.2vw;
	font-weight: bold;
	z-index: 99;
}
#layerMenu ul.Mmenu {
	margin:0;
	padding: 0 0 12px 0;
	background: rgba(255,255,255,0.9);
	/*border-top: solid 1px #ccc;
	border-radius: 16px;*/
	box-shadow: 0px 0px 15px rgba(0,0,16,0.5);
	border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
#layerMenu ul.Mmenu li {
	text-align: left;
	list-style: none;
	width: 99%; 
	display: inline-block;
	white-space: nowrap;
	margin:0;
	padding:0;
}
#layerMenu ul.Mmenu li a {
	display: inline;
	position: relative;
	color: #333;
	display: block;
	border-bottom: solid 1px #666;
	margin:0;
	padding:20px 10px 20px 20px;
}

#layerMenu ul.Mmenu li a p { margin: 0; padding: 0; border-left:  solid 8px; padding-left: 12px;} 

#layerMenu ul.Mmenu li a:hover { color: #2AABB7;}
#layerMenu ul.Mmenu li:last-child a {border-bottom:none;}
#closeMenu {
	position: absolute;
	top: -70px;
	left: 0;
	height: 70px;
}



/* index */



/*--bxSlider */
.bx-prev { display:none;}
.bx-next {display:none;}




.new-instaWrap {padding: 0 ; margin: 0 auto; width: 95%;}
.newWrap {width: 95%;padding: 80px 0 0;  }
	ul.new  { margin: 4px 0 0; padding: 0;}
	ul.new li {	width:95%; list-style: none; margin: 0; padding:1em 0 1em 8px; border-bottom:  dashed 2px #4E3000;}
	ul.new li:last-child { border-bottom:none;}

.instagramWrap  {width: 95%;list-style: none;padding: 80px 0 0; }
ul.instaWrap { list-style: none; margin: 8px auto 0; padding: 0;}
ul.instaWrap li { margin: 0; padding: 0;}
ul#instafeed { list-style: none;}
ul#instafeed li img { height:210px; width:210px; margin:1px;}
ul#instafeed li p { display:none;}
ul#instafeed li { margin: 0; }








/*ざっくり位置関係*/
ul.wrap {padding: 0 16px}
ul.wrap2 {padding: 0 16px}




/*02*/
 li.c02inner {text-align: left; width: 100%; margin: 30px 0!important;}
 li.c02inner section { margin-left: 0px;}
.innercont {width: 100%; }
.jikosyoukai {height: auto;}
.innercontP {width: 100%;}

.gokazoku { background-size:100%; width: 100%; height: auto; }
.gokazoku p { font-size: 4vw; margin:10px 0 90px; padding:120px 20px 8px;  line-height: 2; color: #4E3000; }
.gokazoku p span {border-bottom: solid 1px #4E3000; padding:0 0 5px 0;}


li.suzukiP img { margin: 0 0 -50px 0;}
.suzuki-name img { margin: 0 auto -50px;}


ul.c03 li img, ul.c04 li img { margin:-84px 0 0 0; zoom:0.8;}
/*03*/
.naritai {width: 100vw;}
.naritai img {width: 100vw; padding-bottom: 20px;}
.left03 { 
-moz-background-size:97%!important;
background-size:97%!important;}

.left03 p { margin: 84px 8px 0 80px;font-size:3.85vw;}


/*05*/
li.c05adrs, li.c05tel {text-align: left; width: 100%; margin: 30px 0!important;}
li.c05adrs p {width: 100%; display: block; margin: 0 ; padding-left:0;}
li.c05tel p { width: 100%; margin: -50px 0 0; padding-right:0;}

li.accesMap1, li.accesMap2  {margin: 0!important; width: 100%; text-align: left;display: block;}
li.accesMap1 img {margin-bottom:-20px;zoom:0.8; display: block;}
li.accesMap2 img { margin-top: -20px; display: block; }

/* footer 06 */
.c06 { padding-top: 30px;}

ul.footerMenu {
-webkit-flex-direction: column; /* Safari */
flex-direction:         column;
width: 100%;
margin: 0; padding: 0;
font-size:3.2vw;
}
ul.footerMenu li { margin: 0; list-style: none; width: 100%; text-align: left; border-left:none;border-bottom: solid 1px #aaa; background: rgba(255,255,255,0.3) }
ul.footerMenu li a { padding: 12px 2%; margin: 0; width: 95%; }
ul.footerMenu li:first-child { border-left:none; border-top: solid 1px #aaa;}

ul.footerBanner { margin-top: 30px;}
ul.footerBanner li  { margin: 15px 0; }
ul.footerBanner li img {zoom:0.7; margin: 0;}




/* footer */
#f_navi {
bottom:4px;
right: 4px;
}
	 




/*------------------------  smartonly  ------------------------*/	

.smart-95 {font-size: 95%;/*02*/}

.pcnone {display: inline-block;}
.smartnone {display:none;}


/*～～～～～～～～～～～～～～～～～～～～～～～～～～*/
}