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

@media screen and (min-width:961px) {
*/

html { }

body { }
#bodywrap img { max-width: 100%;}


.layoutbox {max-width: 1200px;  margin:0 auto; position: relative; z-index: 1;}

.main-img img { /*width: 100vw!important; max-width: 100vw!important;*/ max-width: 100%;
height: auto;
width /***/:auto;
}



/* header */
.headerWrap { background: url(../index-img/bg.jpg);}
.logo { float:left; margin:30px 0 50px 50px; position:relative;}
.head_ico {float:right; margin:80px 50px 0 0;}
.head_icoT {float: left; margin-top: 32px;}
.head_icoB {float: right; margin-top: 32px; vertical-align:top;}



/* menu*/
#menu_wrap { text-align: center; width: 100%;background: #EC6E93; padding: 0; margin: 0;}
	#menu {max-width: 1200px; margin:0 auto; }
		#menu ul {width:100%; background: #fff; list-style: none;box-sizing: border-box; padding: 0; margin: 0;
		display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
		/*justify-content: space-between;	均等揃え*/
		/*justify-content: center;	/*中央揃え*/
		justify-content: space-around;	等間隔に配置*/
		}
		#menu ul li {background: #EC6E93;  text-align: center; margin: 0 1px;}
		#menu ul li a {  display: block;color: #fff; line-height: 1.1; padding: 25px 33px; /*text-align: center;*/margin:0 1px 0 ;align-items: center; }
		#menu ul li a:hover {background: #fe9fa8;}
		
		

/*--bxSlider */
.bx-prev img, .bx-next img { width: 35px!important; height: 80px!important;}
.bx-prev { 
	position: absolute;
	top: 45%;
	right: 12px;
	width: 35px;
	height: 80px;
	/*display:none;*/}
.bx-next {
	position: absolute;
	top: 45%;
	left: 0px;
	width: 35px;
	height: 80px;
	/*display:none;*/}



/*ざっくり位置関係*/
ul.wrap {padding:0;}
ul.wrap2 {padding:0 60px;}
ul.wrap, ul.wrap2 {
width: 100%; list-style: none; margin:0 auto;
display: flex; 
justify-content: space-around;/*等間隔に配置*/
/*align-items: center;	縦中央揃え*/
/*align-items: flex-start;　/*上揃え*/
/*align-content:stretch;	初期値 */
align-content: space-around;	/*要素の間をあける*/
flex-wrap: wrap;
}
ul.wrap li, ul.wrap2 li { margin: 50px 0;}


/*02*/
ul.c02 { padding-top: 60px; }
 li.c02inner section { margin-left: 150px;}
.innercont {width: 450px; display: block; vertical-align: middle; }
.jikosyoukai {height: 300px;display: table-cell; vertical-align: middle;}
.innercontP {width: 450px; border-left: solid 3px #A6A492; padding-left: 16px; vertical-align: top;}



/*新着*/
li.news ul { margin: 4px 0 0; padding: 0;}
li.news ul li {	width: 476px; list-style: none; margin: 0; padding:1em 0 1em 8px; border-bottom:  dashed 2px #4E3000;}
li.news ul li:last-child { border-bottom:none;}


/*インスタ
li.insta ul li { width: 476px; list-style: none; margin: 0; padding: 0;}


ul.instaWrap li { list-style: none; margin: 0; padding: 0;}
ul.instaWrap li img { margin: 0; padding: 0;}*/


.new-instaWrap {padding: 0 ; margin: 0 auto; width: 95%;
display: flex; 
justify-content: space-around;/*等間隔に配置*/
/*align-items: center;	縦中央揃え*/
/*align-items: flex-start;　/*上揃え*/
/*align-content:stretch;	初期値 */
align-content: space-around;	/*要素の間をあける*/
flex-wrap: wrap;
}
.newWrap {width: 476px;padding-top: 80px;  }
	ul.new  { margin: 4px 0 0; padding: 0;}
	ul.new li {	width: 476px; 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: 476px;list-style: none;padding-top: 80px; }
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; }
/* ── Instagram jQuery simplyScroll ─────*/
.simply-scroll-container { position: relative;}
.simply-scroll-clip { position: relative; overflow: hidden;}
.simply-scroll-list { overflow: hidden;}
.simply-scroll-list li { float: left; margin-left:1px;}
.simply-scroll-list li img { display: block; width:auto; height:auto;}
#scroller { padding:0px; margin:0; background: #fff;}
#scroller img { margin: 0; }
.scro_insta-ico {}






.flexCenter {text-align: center; width: 100%; margin: 20px 0!important;}




.prof_L {float: left;margin: 4px;}
.prof_R {float: right; text-align: left; width: 300px;margin: 4px;}

.gokazoku { background: url(../index-img/gokazoku-bg.png) top center no-repeat;background-size:50%; width: 100%; height: 600px; display: block; text-align: center; margin: 80px 0 0;}
.gokazoku p { font-size: 26px; padding-top:160px; line-height: 2; color: #4E3000; }
.gokazoku p span {border-bottom: solid 1px #4E3000; padding:0 0 10px 0;}


.suzuki-name img { margin-left: 100px;}




/*03*/
.c03 { font-size: 130%; color: #fff;background: #73a3ca;}

.naritai {text-align: center;}
.naritai img {padding-bottom: 80px;}

.left03 {width: 604px; height: auto; padding:0; margin: 0; 
-moz-background-size:604px auto!important;
background-size:604px auto!important;}
.leftimg img {position: absolute;}
.left03 p { margin: 140px 0 0 130px;}


/*04*/
.c04 { font-size: 130%; color: #fff; background: #dd9e46;}


/*05*/
.c05 { font-size: 130%; background: url(../index-img/bg.jpg);}

.gmap {margin: 0 auto; padding: 0;}
.gmap iframe {width: 100%; margin: 0 auto -8px; padding: 0;}

li.c05adrs p {width: 400px; margin: 0; padding-left: 150px; white-space: nowrap;}
li.c05tel p { width: 400px; margin: 0; padding-right:25px;  white-space: nowrap; margin-top:0.7em; }



/*06*/
.c06 { background: url(../index-img/bg6.jpg);}


ul.footerMenu {width: 90%; margin: 0 auto; padding: 50px 0;
display: flex; 
justify-content: space-around;
align-content:stretch;
flex-wrap: wrap;
}
ul.footerMenu li {margin: 0; padding: 0; list-style: none; border-left:  solid 1px #333;text-align: center; }
ul.footerMenu li:first-child {border-left:none;}
ul.footerMenu li a { display: inline-block; padding: 4px 2px 4px 12px; margin: 0 12px; color: #231815; }
ul.footerMenu li a:hover {color: #FF7B00}

ul.footerBanner {width: 90%; list-style: none; padding:30px 0; margin: 0 auto;
display: flex; 
justify-content: space-around;/*等間隔に配置*/
/*align-items: center;	縦中央揃え*/
/*align-items: flex-start;　/*上揃え*/
/*align-content:stretch;	初期値 */
align-content: space-around;	/*要素の間をあける*/
flex-wrap: wrap;
}
ul.footerBanner li  { margin: 0; }
ul.footerBanner li img {}





/* footer */
#f_navi {text-align:right; margin:0 auto 0 auto; 
	position:fixed;
	z-index:9;
	bottom: 50px;
	right: 30px;}
	 
#f_navi img {margin:2px;}




	
	

/*------------------------  pconly  ------------------------*/	

.smart-95 {font-size: 100%;}

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







/*------------------------  form ------------------------*/	
textarea { width: 600px; height: 12em;}
textarea.txt2 {width:800px ;height: 20em;}

.op_cp {font-size: 18px;}
.op_cp ul {display:table; width: 100%;}
.op_cp li { display:table-cell; width: 33%; list-style: none;text-align:justify}
.button { text-align: center;}
.button button {padding:30px 50px; margin: 30px;}

.form_left { float:left; width:35%;}
.form_right { float:left;width:65%;}

/*.form_txt_wrap { width:960px;}*/
body { overflow: visible; }
		/*ios safariのフォーカス用*/
/*.form_wrap { width:960px; text-align:left;}*/
input {height:20px;}
select {height:40px;}

/*label, input, textarea, textfield, select {font-size:14px !important;}*/
textarea.area, textfield.field {width: 99% !important;}
input[type=checkbox] { vertical-align:middle; margin-bottom:8px;}
input[type=text] {padding:8px 4px!important; margin: 10px 0!important; font-size: 22px;}
input.txt1 { width:98%;}
input.txt1s { width:98%;}
input.txt2 { width:50%;}
input.txt3 { width:30%;}

.mfp_err { /*font-size:12px !important;*/background-image: inherit;}
div#mfp_overlay_inner {margin: 90px auto 0;}
button#mfp_button_cancel {margin-top:20px;}
div.mfp_confirm_table .mfp_buttons button {margin: 10px auto !important; padding:20px 0px !important;}
.mfp_button-size {font-size:100%;}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
	background:#ea6ea4 !important;}		/*薄緑*/


/*----------------------------------------------------------------------------
}
*/