@charset "UTF-8";


.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-show{ display:none;}
.sp-show_inline{ display:none;}


/* ------------------------------------ */


@media screen and (min-width: 751px) {
/*#navMenu { display: block !important; }*/
}


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

body { line-height: 1.7; }

.sp-hide-inline,
.sp-hide{ display: none;}
.sp-show{ display:block;}
.sp-show_inline{ display:inline;}

.sp-br-none br{display: none;}
.sp-br-none br.sp-show_inline {display: inline;}
#gnav.sp-show{ height:auto;}

img{ width:100%; height:auto;}


.pages{ margin: 0 4% 40px; }
.wrap{ margin:0 auto; width:auto; }

.col-l{ float: none; width: 100%;}
.col-r{ float: none; width: 100%;}


/* header
==========================================================*/

#header { margin-top: 35px; text-align: center; }
#logo{ margin: 0 0 70px; padding:20px 0 0;}
#logo.active{ /*display: none;*/ position: relative; z-index: 10;}
#logo img { vertical-align: bottom; width: auto; max-width: 100%;}


/* menu */

.navInner{ position:fixed; right:15px; top:15px; z-index:9999; }
.menu-trigger{ width:35px; height: 25px; line-height: inherit; cursor: pointer; position:relative; }
.menu-trigger.active{ margin-left:0px; }
	.menu-trigger span:nth-of-type(2){top:11px}
	.menu-trigger:not(.active):hover span:nth-of-type(1){top:0;}
	.menu-trigger:not(.active):hover span:nth-of-type(3){bottom:0;}
	.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(11px) rotate(-45deg);transform:translateY(11px) rotate(-45deg)}
	.menu-trigger.active span:nth-of-type(2){opacity:0}
	.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-11px) rotate(45deg);transform:translateY(-11px) rotate(45deg)}

	#navMenu ul { margin: 0 0 20px; padding:55px 0 0; position: relative; z-index:9999; }
	#navMenu li { margin: 0; border-bottom:solid 1px #8A7D53; height: 60px; line-height: 60px; background:#fff;  }
	#navMenu li:first-child { border-top:solid 1px #8A7D53;}
	#navMenu li img { vertical-align: middle; height: 20px; width: auto; }
	#navMenu li a { display: block; width: 100%; height: 100%; position: relative; z-index: 9999; background:#fff;  }

/* footer
==========================================================*/
#footerContainer { padding: 0px 0 30px; }
#footer {}
#footer .col-l { width:100%; }
#footer .col-r { width:100%; }
	#footer ul { width: 100%; margin:0;border-top: solid 1px #484848; font-size: 13px; }
	#footer li { float:none; width:auto; margin: 0; padding: 0 15px; border-bottom: solid 1px #484848; height: 45px; line-height: 45px; }
	#footer li a { display: block; width: 100%; height: 100%; position:relative; z-index:9999;}

	#footer .copyright { width:100%; text-align:center; padding: 30px 0 0; }
	#footer .copyright .foot_logo { margin: 0 0 20px; }
	#footer .copyright .foot_logo img { width: auto; max-width: 100%;}



/* content
==========================================================*/


#concept,#message,#map_canvas,#menu,#contact { margin-top:-30px; padding-top:30px; }

.col-main { margin: 0 0 40px; }
	.col-main .col-l { max-width:100%; width:100%;}
	.col-main .col-r { min-width: 100%; width:100%; }
	.col-main .image_posi01 { position: relative; right:auto; top:auto; margin: 0 0 10px; }
	.col-main .image_posi02 {}
	.col-main .image_posi03 { margin: 0 0 10px; }
	.col-main .col-r p { margin: 0 0 15px; text-align: center; letter-spacing: normal; }

.col-concept { margin: 0 0 40px; font-size: 14px; }
	.col-concept .title { margin-left:0; }
	.col-concept .col-l { margin-left:0; width: 100%;}
	.col-concept .col-r { width: 100%;}
	.col-concept .title { margin: 0 0 10px; }
	.col-concept .image_posi01 { margin: 10px 0; }
	.col-concept .image_posi02 { margin: 0; }
	.col-concept .treatment_text { padding-left:0; margin: 0 0 20px; text-align: center; letter-spacing: normal; }
	.col-concept .cut_text { font-size: 20px; text-align: right; text-align: center; }
/*	.col-concept .concept_menu_title_sp { margin-top: 25px; text-align: center; }
	.col-concept .concept_menu_title_sp img {width: 70%;}
*/
.col-menu {}
	.col-menu .image_posi01 { margin: 90px 0 70px; text-align: center;  }
		.col-menu .image_posi01 img {width: 70%;}
	.col-menu .image_posi02 { margin: 0 0 10px; }

		.concept_popup_block_inner.bg-white { padding:5px 0;}
		/*.concept_popup_block_inner .menu_list dt{ font-size: 16px; font-weight: bold; }*/
		.concept_popup_block_inner .menu_list dd{ line-height: 1.7; margin: 0 0 25px; padding: 0 0 25px;}
		.concept_popup_block_inner ul.menu_list { font-size: 12px; line-height: 1.9; }

.col-message { margin: 0 0 40px; }
	.col-message .col-l {width:100%;}
	.col-message .col-r {width:100%;}
	.col-message .greeting { margin:10px 0 0; font-size: 14px; line-height: 1.7;}

.col-images { margin: 0 0 40px; }
	.col-images .image_posi01 { float:none; margin: 0 0 20px; width:100%;}
	.col-images .image_posi02 {}

.col-contact { margin: 0 0 40px; }
	.col-contact .col-l {width:100%; margin: 0;}
	.col-contact .col-r { width: 100%; margin: 0; }

	.col-contact .address { font-size: 17px; margin: 0 0 10px; }
	.col-contact .information { margin: 0 0 5px; font-size: 17px;}
	.col-contact .information a { color:#A89C7E ; }
	.col-contact .comment { margin: 0 0 15px; font-size: 13px; line-height: 1.6; }
	.col-contact .open { font-size: 16px; }
	.col-contact .close { font-size: 13px; line-height: 1.8; margin: 0 0 10px;}

#map_canvas { height: 400px; width: 100%; margin: 0 0 20px; }
.map_link { margin: 0 0 20px; text-align: center; }
.map_link img { width: auto; max-width: 100%;}


}