@CHARSET "UTF-8";

h1.site-title{ display: none; }

 /* base set */
*{ margin: 0;padding: 0; border: none;}
a{ text-decoration : none; color: #613538; font-weight: 500; padding: 0px; margin: 0px;}
ul, ol { list-style : none}
.clear{ clear: both; }

a img{border: none;}
img a{ border: none; }
img { max-width : 100%}

html { font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
font-size : 15px;
letter-spacing: 0.03em;
line-height : 1.8em;
color: #613538;
font-weight: 500;
-webkit-font-smoothing: subpixel-antialiased; }

html,body{ width: 100% !important; height: 100% !important; background-size: cover; }

body{ -webkit-text-size-adjust: 100%; overflow-x: hidden; height: 100% !important; word-wrap : break-word; overflow-wrap : break-word;}

/* 見出しタグ */
h1{ font-weight: 500; line-height: 1.6em;}
h2{ font-weight: 500; line-height: 1.6em;}
h3{ font-weight: 500; line-height: 1.6em;}
h4{ font-weight: 500; line-height: 1.6em;}
h5{ font-weight: 500; line-height: 1.6em;}
h6{ font-weight: 500; line-height: 1.6em;}

/* p */
p{ line-height: 2.0em; word-break: normal; }


input[type="button"],input[type="submit"]{ -webkit-appearance: none; }
input[type="button"],input[type="reset"]{ -webkit-appearance: none; }


@media screen and (min-width: 320px) and (max-width: 499px){

	.pc{ display: none !important; }

	#container{ height: auto; position: relative; background-size: cover; z-index: 100; -webkit-text-size-adjust: 100%; overflow-x: hidden; text-align: center; }

	#main{ display: none !important; }
	.sub-navi{ display: none !important; }

	header{ width: 100%; background: #fcf6eb; position: fixed; z-index: 100;}
	header #header-inner{ width: 90%; margin: 0 auto;}
	header #header-inner h1{ float: left; }
	header #header-inner h1 img{ width: 108px; padding-top: 15px;}
	header #header-inner #toggle{ float: right; padding-top: 20px;}
	header #header-inner #toggle img{ width: 33px; }
	header #main-sp{ background:#FCF6EB; width: 100%; overflow: scroll; height: 80vh; -webkit-overflow-scrolling : touch; }
	header #main-sp ul{ text-align: center; padding: 30px 0; width: 80%; margin: 0 auto; margin-bottom: 30px;}
	header #main-sp li{ padding-top: 10px; }
	header #main-sp li a{ font-size: 13px;  color: #613538;}



	/*ナビゲーションのスクロール*/

	#main-sp::-webkit-scrollbar{ width: 2px; background:rgba(0,149,65,0.95); }
	#main-sp::-webkit-scrollbar:horizontal{ height:0px; }
	#main-sp::-webkit-scrollbar-button{ width:5px; height:5px; background:rgba(0,149,65,0.95); }
	#main-sp::-webkit-scrollbar-piece{ background:rgba(0,149,65,1.0); }
	#main-sp::-webkit-scrollbar-piece:start{ background:rgba(0,149,65,0.95); }
	#main-sp::-webkit-scrollbar-thumb{ background:rgba(0,149,65,1.0); }


	/*base*/
	#content{ width: 90%; margin: 0 auto; }

	h2{ font-size: 15px; line-height: 1.4em; margin-bottom: 30px; color: #009541 /*色*/; display:inline-block;}
	h2 span{ display: block; font-size: 10px; color: #009541 /*色*/; }

		/*個別のページ*/
		.container-page{ padding-top: 80px !important; }
		.container-page #main-visual{ margin-bottom: 30px; }
		.container-page #main-visual img{ width: 100%; }
		.container-page #content{ width: 90%; margin: 0 auto; padding-bottom: 30px; }
		.container-page #content h3{ text-align: center; font-size: 18px; color: #3b0000; margin-bottom: 5px;}
		.container-page #content p{ font-size: 13px; text-align: justify; margin-bottom: 20px;}


	/*toppage*/
	#container-top{ width: 100%; text-align: center; }
	#container-top .site-logo img{ width: 100%; }

		/*新着情報*/
		#container-news{ padding: 30px 0; }
		#container-news ul#scrollbar01{ width: 80%; margin: 0 auto; height: 170px; overflow:scroll; padding: 20px 0; margin-bottom: 20px; -webkit-overflow-scrolling : touch; max-width: 500px;}
		#container-news ul li{ padding: 0 10px; padding-bottom: 15px; text-align: justify;}
		#container-news ul li a{ font-size: 12px; line-height: 1.5em;}
		#container-news ul li span{ padding-right: 10px; display: block; color: #613538;}

		#scrollbar01::-webkit-scrollbar{ width:5px; background: rgba(0,149,65,0.2); }
		#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
		#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #009541; }
		#scrollbar01::-webkit-scrollbar-piece{ background: #009541; }
		#scrollbar01::-webkit-scrollbar-piece:start{ background:#009541; }
		#scrollbar01::-webkit-scrollbar-thumb{ background: #009541; }

		#container-news a#more{ font-size: 12px; color: #613538; border-bottom: dotted 1px #613538; padding: 3px 10px; }

		/*バナー*/
		#container-banner{ text-align: center; padding: 50px 0;}
		#container-banner .full_width{ background:url(../img/banner01_bk.png) no-repeat center; background-size:100% auto; padding:40px 0; }
		.to-contact img{ width: 200px; padding-top: 20px;}







	/*container-menu*/
	#container-menu .page_menu{ /*display:flex;*/ justify-content: center; margin-bottom:30px; }
	#container-menu .page_menu li:not(:last-of-type){ border-right:#613538 solid 1px; padding: 0 5px;}
	#container-menu .page_menu li a{ font-size:95%; display:inline-block; padding:0 2px; font-size: 11px; }

	#container-menu .category{ margin-bottom:60px; }
	#container-menu .category h3{ text-align:center; border-bottom:#613538 solid 1px; font-size:130%; line-height:1.8em; margin-bottom:30px; }
	#container-menu .category .description{ line-height: 2.0em; margin-bottom: 30px; text-align:left; font-size: 12px; text-align: justify;}

	#container-menu .category .menu_list{ margin-bottom:30px; }
	#container-menu .category .menu_list li{ border-bottom:#613538 solid 1px; margin-bottom:5px; padding-top: 10px;}
	#container-menu .category .menu_list li .base_data { display:flex; line-height:1.4em; }
	#container-menu .category .menu_list li .base_data .menu_name{ flex:5; line-height:1.4em; margin-bottom:5px; }
	#container-menu .category .menu_list li .base_data .menu_price{ flex:1; line-height:1.4em; margin-bottom:5px; }
	#container-menu .category .menu_list li .menu_description{ font-size:90%; margin-bottom: 15px; }

	#container-menu .category .gallery{ display:flex; flex-wrap:wrap; justify-content:space-between; }
	#container-menu .category .gallery li{ width:49%; }
	#container-menu .category .gallery li:first-of-type{ width:100%; margin-bottom:7px;}
	#container-menu .category .gallery li img{ width:100%; }



	/*container-about*/
	#container-about h2{ width:100%; margin-top:69px; background-image:url(../img/what.jpg); background-size:100% auto; background-repeat:no-repeat; padding-top:40px; padding-bottom:70px; }
	#container-about h3:nth-of-type(1){ border-bottom:#613538 solid 1px; font-size:150%;}
	#container-about h3:nth-of-type(1) + p{margin-bottom:30px;}
	#container-about h3:nth-of-type(2){ border-bottom:#613538 solid 1px; font-size:150%; margin-bottom:30px; }
	.hello{margin-bottom:30px;}
	.hello span{display:inline-block;}
	#container-about h4{ background:url(../img/min_title_sp.png) no-repeat center bottom; background-size:100% auto; font-size:120%; padding-bottom:45px;
	font-size: 15px;}

	#container-about .point_list{ }
	#container-about .point_list li{ width:100%; margin-bottom:60px; }
	#container-about .point_list li p{ text-align:left; padding: 20px 0; fonts-size: 13px !important;}

	/*container-qa*/
	#container-qa h3{ border-bottom:#613538 solid 1px; font-size:150%; margin-bottom:30px; }
	#container-qa .discription{ width:80%; margin-right:auto; margin-left:auto; text-align:left; margin-bottom:50px; }
	#container-qa .qa_category{ margin-bottom:80px; }
	#container-qa .qa_category h4{ margin-bottom:30px; font-size:130%;  border-bottom:#613538 solid 1px; }
	#container-qa .qa_category .qa_list{ width:80%; margin-left:auto; margin-right:auto; margin-bottom:30px; }
	#container-qa .qa_category .q_list{ margin-bottom:10px; }
	#container-qa .qa_category .qa_list li{ /*display:flex;*/ text-align:left; }
	/*#container-qa .qa_category .qa_list li .q_num{ width:3em; }*/

	#container-qa .qa_category .qa_list{ width:80%; margin-left:auto; margin-right:auto; }
	#container-qa .qa_category .qa_list li{ /*display:flex;*/ text-align:left; }
	/*#container-qa .qa_category .qa_list li .a_num{ width:3em; }*/



	/*container-effi*/
	#container-effi .case:not(:last-of-type){ border-bottom:#613538 solid 1px; }
	#container-effi .case{ padding-bottom:30px; margin-bottom:30px; }
	#container-effi .case:last-of-type{ margin-bottom:50px;}
	#container-effi .case .text{ margin-bottom:30px; }
	#container-effi .case .iamges{  }
	#container-effi .case .iamges p{ width:100%; text-align:center; }
	#container-effi .case .iamges p img{ width:100%; }

	/*container-shop*/
	#container-shop{ margin-bottom:0px; }
	#container-shop h3{ border-bottom:#613538 solid 1px; margin-bottom:30px; text-align:center; }
	#container-shop p{ text-align:left; width:50%; margin-left:auto; margin-right:auto; }

	/*access*/
	#container-access{ text-align: center; margin-bottom:60px; }
	#container-access #left{ width: 100%; /*float: left;*/ text-align: left; }
	#container-access #right{ width: 100%; /*float: right;*/ }
	#container-access #right p{ text-align:center; }

	#container-access .shop_name{ font-size:110%;  text-align:center; margin-bottom:30px; }
	#container-access table{ font-size:95%; width:100%; }
	#container-access table th{ font-weight:normal; }
	#container-access table th, #container-access table td{ vertical-align:top; }
	#container-access .sp{ text-align:left; }

	#container-access iframe{ height: 300px !important; max-width: 100%;}

	#container-access .shop_image img{ width:100%; text-align:center; margin-top:40px; }




	/*container-recruit*/
	#container-recruit{}
	#container-recruit h3{ border-bottom:#613538 solid 1px; margin-bottom:30px; }
	#container-recruit p{ text-align:left; width:90%; margin-left:auto; margin-right:auto; }
	#container-recruit .guidelines{ margin-top:30px; margin-left:auto; margin-right:auto; text-align:left; }
	#container-recruit .guidelines h4{ font-size:100%; border-bottom:#613538 solid 1px; text-align:center; margin-bottom:30px; }
	#container-recruit .guidelines table{ margin-bottom:50px; width:100%; width:100%; border-spacing: 0; }
	#container-recruit .guidelines th, #container-recruit .guidelines td{ vertical-align:top; display:block; }
	#container-recruit .guidelines th{ margin-bottom:0px; }
	#container-recruit .guidelines td{ margin-bottom:30px; }

	#container-recruit .guidelines dl{ text-align:center; }
	#container-recruit .guidelines dl dt{ margin-bottom:20px; }
	#container-recruit .guidelines dl dd{ margin-bottom:60px; }


	/*お問い合わせ*/
	#container-contact{ padding: 45px 0; }
	#container-contact p.contact{ font-size: 12px; margin: 0 auto; margin-bottom: 40px; width: 90%; text-align: left;}
	#container-contact p.contact span{ color: #e60012; }
	#container-contact p.contact span.green{ color: #e97948; }

	#container-contact form{ width: 90%; margin: 0 auto; text-align: left; }
	#container-contact form h3{ width: 100%; font-size: 14px; position: relative; top: 5px; text-align: left; margin-bottom: 10px;}
	#container-contact form h3 span{ color: #e50012; }
	#container-contact form p{ float: left; margin-bottom: 20px; width:100%; box-sizing:border-box;}
	#container-contact form input{ font-size: 16px; box-sizing:border-box; }
	#container-contact form p.text input{ border: solid 1px #613538; min-width: 200px; width:100%; padding: 5px; }
	#container-contact form textarea{ box-sizing:border-box; border: solid 1px #613538; min-width: 270px; width:100%; padding: 5px; box-sizing:border-box; }
	#container-contact form .submit{ text-align: center; width: 100%; }
	#container-contact form .submit input{ margin: 0 10px; background:#009541; color: white; font-size: 13px; padding: 10px 30px; }

	#container-contact .kakunin{ text-align:center; }
	#container-contact .kakunin span{ color: #e50012; }


	/*プライバシーポリシー*/
	#container-policy{ padding: 45px 0; }
	#container-policy h1{ font-size: 30px;  color: #009541; border-bottom: solid 1px #009541; display:inline-block; padding: 0 20px; margin-bottom: 60px; }
	#container-policy p{ width: 90% !important; margin: 0 auto; text-align: justify;  font-size: 13px;}
	#container-policy p span{ color: #727171; }
	#container-policy p span.green{ color: #009541; }

	#container-policy a#kyuuzin img{ width: 500px; margin: 0 auto; padding: 50px 0;}


	/*sitemap*/
	#container-sitemap ul{ width: 80%; margin: 0 auto; padding-bottom: 50px;}
	#container-sitemap li{ text-align: center; border-bottom: solid 1px #613538; padding-bottom: 5px; margin-bottom: 10px; }
	#container-sitemap li a{ font-size: 12px; }

	#container-sitemap a#kyuuzin img{ width: 500px; margin: 0 auto; padding: 50px 0;}


	/*footer*/
	footer{ width: 100%; background:url(../img/foot_bk.png) center; background-size:auto 100%; border-top:#009541 solid 1px; }
	footer #inner{ padding-top: 30px; width: 90%; margin: 0 auto; text-align: left;}

	footer h4{ width: 200px; padding-bottom: 20px; margin:0 auto;}

	footer .shop_name{ font-size:110%; text-align:center; margin-bottom:30px; }
	footer table{ font-size:95%; width:100%; }
	footer table th{ font-weight:normal; }
	footer table th, footer table td{ vertical-align:top; }

	footer #right{ width: 100%; margin: 0 auto; max-width: 600px;}
	footer #right p{ text-align: left; margin-bottom: 10px; }
	footer #right iframe{ height: 200px !important; max-width: 100%;}

	footer nav{ width: 100%; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; line-height: 1.2em;}
	footer nav ul{ display: inline-block; margin: 0 auto; }
	footer nav li{ float: left; }
	footer nav li a{ padding: 0 10px; border-right: solid 1px #e57948; color: #e57948; font-size: 11px; }

	footer #foot{ width: 100%; text-align: center; font-size: 10px; color: #ffffff; background: #009541; }

}
@media screen and (min-width: 500px) and (max-width: 799px){


	.pc{ display: none !important; }

	#container{ height: auto; position: relative; background-size: cover; z-index: 100; -webkit-text-size-adjust: 100%; overflow-x: hidden; text-align: center; }

	#main{ display: none !important; }
	.sub-navi{ display: none !important; }

	header{ width: 100%; background: #fcf6eb; position: fixed; z-index: 100; }
	header #header-inner{ width: 90%; margin: 0 auto;}
	header #header-inner h1{ float: left; }
	header #header-inner h1 img{ width: 108px; padding-top: 15px;}
	header #header-inner #toggle{ float: right; padding-top: 20px;}
	header #header-inner #toggle img{ width: 33px; }
	header #main-sp{ width: 100%; background: #FCF6EB; overflow: scroll; height: 80vh; -webkit-overflow-scrolling : touch; }
	header #main-sp ul{ text-align: center; padding: 30px 0; width: 80%; margin: 0 auto; margin-bottom: 30px; }
	header #main-sp li{ padding-top: 10px; }
	header #main-sp li a{ font-size: 13px;  color: #613538;}



	/*ナビゲーションのスクロール*/

	#main-sp::-webkit-scrollbar{ width: 2px; background:rgba(0,149,65,0.95); }
	#main-sp::-webkit-scrollbar:horizontal{ height:0px; }
	#main-sp::-webkit-scrollbar-button{ width:5px; height:5px; background:rgba(0,149,65,0.95); }
	#main-sp::-webkit-scrollbar-piece{ background:rgba(0,149,65,1.0); }
	#main-sp::-webkit-scrollbar-piece:start{ background:rgba(0,149,65,0.95); }
	#main-sp::-webkit-scrollbar-thumb{ background:rgba(0,149,65,1.0); }


	/*base*/
	#content{ width: 75%; margin: 0 auto; }

	h2{ font-size: 15px; line-height: 1.4em; margin-bottom: 30px; color: #009541 /*色*/; display:inline-block;}
	h2 span{ display: block; font-size: 10px; color: #009541 /*色*/; }

		/*個別のページ*/
		.container-page{ padding-top: 80px !important; }
		.container-page #main-visual{ margin-bottom: 30px; }
		.container-page #main-visual img{ width: 100%; }
		.container-page #content{ width: 90%; margin: 0 auto; padding-bottom: 30px; }
		.container-page #content h3{ text-align: left; font-size: 18px; color: #3b0000; margin-bottom: 5px;}
		.container-page #content p{ font-size: 13px; text-align: justify; margin-bottom: 20px;}


	/*toppage*/
	#container-top{ width: 100%; text-align: center; }
	#container-top .site-logo img{ width: 100%; }

		/*新着情報*/
		#container-news{ padding: 30px 0; }
		#container-news ul#scrollbar01{ width: 80%; margin: 0 auto; height: 170px; overflow:scroll; padding: 20px 0; margin-bottom: 20px; -webkit-overflow-scrolling : touch; max-width: 500px;}
		#container-news ul li{ padding: 0 10px; padding-bottom: 15px; text-align: justify;}
		#container-news ul li a{ font-size: 12px; line-height: 1.5em;}
		#container-news ul li span{ padding-right: 10px; display: block; color: #613538;}

		#scrollbar01::-webkit-scrollbar{ width:5px; background: rgba(0,149,65,0.2); }
		#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
		#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #009541; }
		#scrollbar01::-webkit-scrollbar-piece{ background: #009541; }
		#scrollbar01::-webkit-scrollbar-piece:start{ background:#009541; }
		#scrollbar01::-webkit-scrollbar-thumb{ background: #009541; }

		#container-news a#more{ font-size: 12px; color: #613538; border-bottom: dotted 1px #613538; padding: 3px 10px; }

		/*バナー*/
		#container-banner{ text-align: center; padding: 50px 0;}
		#container-banner .full_width{ background:url(../img/banner01_bk.png) no-repeat center; background-size:100% auto; padding:50px 0; }
		.to-contact img{ width: 200px; padding-top: 20px;}

	/*container-menu*/
	#container-menu .page_menu{ /*display:flex;*/ justify-content: center; margin-bottom:30px; }
	#container-menu .page_menu li:not(:last-of-type){ border-right:#613538 solid 1px; padding: 0 10px;}
	#container-menu .page_menu li a{ font-size:95%; display:inline-block; padding:0 2px; }

	#container-menu .category{ margin-bottom:60px; }
	#container-menu .category h3{ text-align:center; border-bottom:#613538 solid 1px; font-size:130%; line-height:1.8em; margin-bottom:30px; }
	#container-menu .category .description{ line-height: 2.0em; font-size: 12px; margin-bottom:30px; text-align:left; }

	#container-menu .category .menu_list{ margin-bottom:30px; }
	#container-menu .category .menu_list li{ border-bottom:#613538 solid 1px; margin-bottom:5px; padding-top: 10px;}
	#container-menu .category .menu_list li .base_data { display:flex; line-height:1.4em; }
	#container-menu .category .menu_list li .base_data .menu_name{ flex:5; line-height:1.4em; margin-bottom:5px; }
	#container-menu .category .menu_list li .base_data .menu_price{ flex:1; line-height:1.4em; margin-bottom:5px; }
	#container-menu .category .menu_list li .menu_description{ font-size:90%; margin-bottom: 15px; }

	#container-menu .category .gallery{ display:flex; flex-wrap:wrap; justify-content:space-between; }
	#container-menu .category .gallery li{ width:49%; }
	#container-menu .category .gallery li:first-of-type{ width:100%; margin-bottom:10px;}
	#container-menu .category .gallery li img{ width:100%; }


	/*container-about*/
	#container-about h2{ width:100%; margin-top:69px; background-image:url(../img/what.jpg); background-size:100% auto; background-repeat:no-repeat; padding-top:40px; padding-bottom:70px; }
	#container-about h3:nth-of-type(1){ border-bottom:#613538 solid 1px; font-size:150%;}
	#container-about h3:nth-of-type(1) + p{margin-bottom:30px;}
	#container-about h3:nth-of-type(2){ border-bottom:#613538 solid 1px; font-size:150%; margin-bottom:30px; }
	.hello{margin-bottom:30px;}
	.hello span{display:inline-block;}
	#container-about h4{ background:url(../img/min_title_sp.png) no-repeat center bottom; background-size:100% auto; font-size:120%; padding-bottom: 65px; }

	#container-about .point_list{ }
	#container-about .point_list li{ width:100%; margin-bottom:60px; }
	#container-about .point_list li p{ text-align:left; padding: 20px 0; font-size: 13px !important;}

	/*container-qa*/
	#container-qa h3{ border-bottom:#613538 solid 1px; font-size:150%; margin-bottom:30px; }
	#container-qa .discription{ width:80%; margin-right:auto; margin-left:auto; text-align:left; margin-bottom:50px; }
	#container-qa .qa_category{ margin-bottom:80px; }
	#container-qa .qa_category h4{ margin-bottom:30px; font-size:130%;  border-bottom:#613538 solid 1px; }
	#container-qa .qa_category .qa_list{ width:80%; margin-left:auto; margin-right:auto; margin-bottom:30px; }
	#container-qa .qa_category .qa_list li{ display:flex; text-align:left; }
	/*#container-qa .qa_category .qa_list li .q_num{ width:3em; }*/

	#container-qa .qa_category .qa_list{ width:80%; margin-left:auto; margin-right:auto; }
	#container-qa .qa_category .qa_list li{ display:flex; text-align:left; }
	/*#container-qa .qa_category .qa_list li .a_num{ width:3em; }*/



	/*container-effi*/
	#container-effi .case:not(:last-of-type){ border-bottom:#613538 solid 1px; }
	#container-effi .case{ padding-bottom:30px; margin-bottom:30px; }
	#container-effi .case:last-of-type{ margin-bottom:50px;}
	#container-effi .case .text{ margin-bottom:30px; }
	#container-effi .case .iamges{  }
	#container-effi .case .iamges p{ width:100%; text-align:center; }
	#container-effi .case .iamges p img{ width:100%; }


	/*container-shop*/
	#container-shop{ margin-bottom:0px; }
	#container-shop h3{ border-bottom:#613538 solid 1px; margin-bottom:30px; text-align:center; }
	#container-shop p{ text-align:left; width:50%; margin-left:auto; margin-right:auto; }

	/*access*/
	#container-access{ text-align: center; margin-bottom:60px; }
	#container-access #left{ width: 100%; /*float: left;*/ text-align: left; }
	#container-access #right{ width: 100%; /*float: right;*/ }
	#container-access #right p{ text-align:center; }

	#container-access .shop_name{ font-size:110%;  text-align:center; margin-bottom:30px; }
	#container-access table{ font-size:95%; width:100%; }
	#container-access table th{ font-weight:normal; }
	#container-access table th, #container-access table td{ vertical-align:top; }
	#container-access .sp{ text-align:left; }

	#container-access iframe{ height: 300px !important; max-width: 100%;}

	#container-access .shop_image img{ width:100%; text-align:center; margin-top:40px; }




	/*container-recruit*/
	#container-recruit{}
	#container-recruit h3{ border-bottom:#613538 solid 1px; margin-bottom:30px; }
	#container-recruit p{ text-align:left; width:90%; margin-left:auto; margin-right:auto; }
	#container-recruit .guidelines{ margin-top:30px; margin-left:auto; margin-right:auto; text-align:left; }
	#container-recruit .guidelines h4{ font-size:100%; border-bottom:#613538 solid 1px; text-align:center; margin-bottom:30px; }
	#container-recruit .guidelines table{ margin-bottom:50px; width:100%; width:100%; border-spacing: 0; }
	#container-recruit .guidelines th, #container-recruit .guidelines td{ vertical-align:top; display:block; }
	#container-recruit .guidelines th{ margin-bottom:0px; }
	#container-recruit .guidelines td{ margin-bottom:30px; }

	#container-recruit .guidelines dl{ text-align:center; }
	#container-recruit .guidelines dl dt{ margin-bottom:20px; }
	#container-recruit .guidelines dl dd{ margin-bottom:60px; }



	/*お問い合わせ*/
	#container-contact{ padding: 45px 0; }
	#container-contact p.contact{ font-size: 12px; margin: 0 auto; margin-bottom: 40px; display: inline-block; text-align: left;}
	#container-contact p.contact span{ color: #e60012; }
	#container-contact p.contact span.green{ color: #e97948; }

	#container-contact form{ width: 75%; margin: 0 auto; text-align: left; }
	#container-contact form h3{ width: 100%; font-size: 14px; position: relative; top: 5px; text-align: left; margin-bottom: 10px;}
	#container-contact form h3 span{ color: #e50012; }
	#container-contact form p{ float: left; margin-bottom: 20px; width:100%;}
	#container-contact form input{ font-size: 16px;  box-sizing:border-box; }
	#container-contact form p.text input{ border: solid 1px #613538; min-width: 200px; width:100%; padding: 5px; }
	#container-contact form textarea{ border: solid 1px #613538; min-width: 270px; width: 100%; padding: 5px; box-sizing:border-box; }
	#container-contact form .submit{ text-align: center; width: 100%; }
	#container-contact form .submit input{ margin: 0 10px; background:#009541; color: white; font-size: 13px; padding: 10px 30px; }


	#container-contact .kakunin{ text-align:center; }
	#container-contact .kakunin span{ color: #e50012; }


	/*プライバシーポリシー*/
	#container-policy{ padding: 45px 0; }
	#container-policy h1{ font-size: 30px;  color: #009541; border-bottom: solid 1px #009541; display:inline-block; padding: 0 20px; margin-bottom: 60px; }
	#container-policy p{ width: 90% !important; margin: 0 auto; text-align: justify;  font-size: 13px;}
	#container-policy p span{ color: #727171; }
	#container-policy p span.green{ color: #009541; }

	#container-policy a#kyuuzin img{ width: 500px; margin: 0 auto; padding: 50px 0;}


	/*sitemap*/
	#container-sitemap ul{ width: 75%; margin: 0 auto; padding-bottom: 50px;}
	#container-sitemap li{ text-align: center; border-bottom: solid 1px #613538; padding-bottom: 10px; margin-bottom: 15px; }
	#container-sitemap li a{ font-size: 12px; }

	#container-sitemap a#kyuuzin img{ width: 500px; margin: 0 auto; padding: 50px 0;}


	/*footer*/
	footer{ width: 100%; background:url(../img/foot_bk.png) center; background-size:100% auto; border-top:#009541 solid 1px;}
	footer #inner{ padding-top: 30px; width: 90%; margin: 0 auto; text-align: left;}

	footer h4{ width: 200px; padding-bottom: 20px; margin:0 auto;}

	footer .shop_name{ font-size:110%; text-align:center; margin-bottom:30px; }
	footer table{ font-size:95%; width:100%; }
	footer table th{ font-weight:normal; }
	footer table th, footer table td{ vertical-align:top; }

	footer #right{ width: 100%; margin: 0 auto; max-width: 600px;}
	footer #right p{ text-align: left; margin-bottom: 10px; }
	footer #right iframe{ height: 200px !important; max-width: 100%;}

	footer nav{ width: 100%; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; line-height: 1.2em;}
	footer nav ul{ display: inline-block; margin: 0 auto; }
	footer nav li{ float: left; }
	footer nav li a{ padding: 0 10px; border-right: solid 1px #009541; color: #009541; font-size: 11px; font-weight: 700;}

	footer #foot{ width: 100%; text-align: center; font-size: 10px; color: #ffffff; background:#009541; }

}
@media screen and (min-width: 800px){
	.sp{ display: none !important; }
	#toggle{ display: none !important; }
	#main-sp{ display: none !important; }

	#container{ height: auto; position: relative; min-width: 1024px; min-height: 800px; background-size: cover; z-index: 100; -webkit-text-size-adjust: 100%; overflow-x: hidden; text-align: center; }

	header{ width: 100%; background: #fcf6eb; position: relative;}
	header #header-inner{ display: inline-block; margin: 0 auto;}
	header #header-inner h1{ width: 280px; padding-top: 20px; margin: 0 auto;}
	header #header-inner h1 img{ width: 160px; }
	header #header-inner nav{ display: block; display:table; table-layout: fixed; height: 20px; width: 100%; margin-bottom:20px;}
	header #header-inner nav ul{ display: inline-block; margin: 0 auto; }
	header #header-inner nav li{ float: left; display:table-cell; vertical-align:middle; height: 20px; position: relative;}
	header #header-inner nav li a{ font-size: 13px; padding: 0 17px; color:#613538; height: 20px !important; line-height: 20px;}
	header #header-inner nav li a:hover{ opacity:0.8; }

	header ul.sub-navi{ position: absolute; top: 5px; right: 10px; width: 100%; height: 18px; text-align: right;}
	header .sub-navi li{ float: right; height: 18px; padding-left: 10px; margin-left: 10px;}
	header .sub-navi li a{ font-size: 10px; color: #613538; line-height: 10px; position: relative; bottom: 6px;}


	/*base*/
	#content{ width: 75%; margin: 0 auto; }

	h2{ font-size: 25px; line-height: 1.4em; margin-bottom: 30px; color: #009541 /*色*/; display:inline-block;}
	h2 span{ display: block; font-size: 13px; color: #009541 /*色*/; }

		/*個別のページ*/
		.container-page{ padding-top: 80px !important; }
		.container-page #main-visual{ margin-bottom: 30px; }
		.container-page #main-visual img{ width: 100%; }
		/*.container-page #content{ width: 90%; margin: 0 auto; padding-bottom: 30px; }
		.container-page #content h3{ text-align: left; font-size: 18px; color: #3b0000; margin-bottom: 5px;}
		.container-page #content p{ font-size: 13px; text-align: justify; margin-bottom: 20px;}
		*/


	/*toppage*/
	#container-top{ width: 100%; text-align: center; min-height: 700px; background-repeat: none; }
	#container-top .site-logo img{ width: 100%; }

		/*新着情報*/
		#container-news{ padding: 30px 0; }
		#container-news ul#scrollbar01{ width: 80%; margin: 0 auto; height: 170px; overflow:scroll; padding: 20px 0; margin-bottom: 20px; -webkit-overflow-scrolling : touch; max-width: 885px;}
		#container-news ul li{ padding: 0 10px; padding-bottom: 15px; text-align: justify;}
		#container-news ul li a{ font-size: 12px; line-height: 1.5em;}
		#container-news ul li span{ padding-right: 20px; display: inline-block; color: #727171;}

		#scrollbar01::-webkit-scrollbar{ width:5px; background: rgba(0,149,65,0.2); }
		#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
		#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #009541; }
		#scrollbar01::-webkit-scrollbar-piece{ background: #009541; }
		#scrollbar01::-webkit-scrollbar-piece:start{ background:#009541; }
		#scrollbar01::-webkit-scrollbar-thumb{ background: #009541; }

		#container-news a#more{ font-size: 12px; color: #613538; border-bottom: dotted 1px #613538; padding: 5px 10px; }

		/*バナー*/
		#container-banner{ text-align: center; padding: 50px 0;}
		#container-banner .full_width{ background:url(../img/banner01_bk_pc.png) no-repeat center; background-size:100% auto; padding:110px 0; }
		#container-banner .bunners{ display:flex; flex-wrap:wrap; }
		#container-banner .bunners div{ width:49%; }


	/*container-about*/
	#container-about h2{ width:100%; margin-top:0; background-image:url(../img/what-pc.jpg); background-size:100% auto; background-repeat:no-repeat; padding-top:60px; padding-bottom:180px; }
	#container-about h3:nth-of-type(1){ border-bottom:#613538 solid 1px; font-size:150%;}
	#container-about h3:nth-of-type(1) + p{margin-bottom:30px;}
	#container-about h3:nth-of-type(2){ border-bottom:#613538 solid 1px; font-size:150%; margin-bottom:30px; }
	.hello{margin-bottom:30px;}
	.hello span{display:inline-block;}
	/*#container-about h4{ background:url(../img/min_title.png) no-repeat center bottom; background-size:100% auto; font-size:120%; padding-bottom:45px; }*/
	#container-about h4{ background:url(../img/min_title.png) no-repeat center bottom; background-size:contain; font-size:120%; padding-bottom:45px; }

	#container-about .point_list{ display:flex; flex-wrap:wrap; justify-content:space-between; }
	#container-about .point_list li{ width:45%; margin-bottom:60px; }
	#container-about .point_list li p{ text-align:left; padding: 25px 0;}

	/*container-qa*/
	#container-qa h3{ border-bottom:#613538 solid 1px; font-size:150%; margin-bottom:30px; }
	#container-qa .discription{ width:80%; margin-right:auto; margin-left:auto; text-align:left; margin-bottom:50px; }
	#container-qa .qa_category{ margin-bottom:80px; }
	#container-qa .qa_category h4{ margin-bottom:30px; font-size:130%; }
	#container-qa .qa_category .qa_list{ width:80%; margin-left:auto; margin-right:auto; margin-bottom:30px; }
	#container-qa .qa_category .qa_list li{ display:flex; text-align:left; }
	/*#container-qa .qa_category .qa_list li .q_num{ width:3em; }*/


	#container-qa .qa_category .qa_list{ width:80%; margin-left:auto; margin-right:auto; }
	#container-qa .qa_category .qa_list li{ display:flex; text-align:left; }
	/*#container-qa .qa_category .qa_list li .a_num{ width:3em; }*/



	/*container-effi*/
	#container-effi .case:not(:last-of-type){ border-bottom:#613538 solid 1px; }
	#container-effi .case{ padding-bottom:30px; margin-bottom:30px; }
	#container-effi .case:last-of-type{ margin-bottom:50px;}
	#container-effi .case .text{ margin-bottom:30px; text-align:left; }
	#container-effi .case .iamges{ display:flex; justify-content:space-between; }
	#container-effi .case .iamges p{ width:48%; }
	#container-effi .case .iamges p img{ width:100%; }


	/*container-shop*/
	#container-shop{ margin-bottom:80px; }
	#container-shop h3{ border-bottom:#613538 solid 1px; margin-bottom:30px; }
	#container-shop p{ text-align:left; width:50%; margin-left:auto; margin-right:auto; }

	/*container-recruit*/
	#container-recruit{}
	#container-recruit h3{ border-bottom:#613538 solid 1px; margin-bottom:30px; }
	#container-recruit p{ text-align:left; width:90%; margin-left:auto; margin-right:auto; }
	#container-recruit .guidelines{ margin-top:30px; width:75%; margin-left:auto; margin-right:auto; text-align:left; }
	#container-recruit .guidelines h4{ font-size:130%; }
	#container-recruit .guidelines table{ margin-bottom:50px; border-top:#613538 solid 1px; width:100%; border-left:#613538 solid 1px; width:100%; border-spacing: 0; }
	#container-recruit .guidelines th, #container-recruit .guidelines td{ padding:8px; vertical-align:top; border-bottom:#613538 solid 1px;  border-right:#613538 solid 1px; }
	#container-recruit .guidelines dl{ text-align:center; }
	#container-recruit .guidelines dl dt{ margin-bottom:20px; }
	#container-recruit .guidelines dl dd{ margin-bottom:60px; }




	/*container-menu*/
	#container-menu .page_menu{ /*display:flex;*/ justify-content: center; margin-bottom:30px; }
	#container-menu .page_menu li:not(:last-of-type){ border-right:#613538 solid 1px; }
	#container-menu .page_menu li a{ display:inline-block; padding:0 20px; }

	#container-menu .category{ margin-bottom:60px; }
	#container-menu .category h3{ border-bottom:#613538 solid 1px; font-size:130%; line-height:1.8em; margin-bottom:30px; }
	#container-menu .category .description{ line-height:2.2em; margin: 45px 0; text-align:left; font-size: 13px;}
	#container-menu .category .menu_list{ display:flex; flex-wrap:wrap; justify-content:space-between; text-align:left; margin-bottom:40px; }
	#container-menu .category .menu_list li{ width:45%; border-bottom:#613538 solid 1px; margin-bottom:5px; }
	#container-menu .category .menu_list li .base_data { display:flex; line-height:1.4em; }
	#container-menu .category .menu_list li .base_data .menu_name{ flex:5; line-height:1.4em; }
	#container-menu .category .menu_list li .base_data .menu_price{ flex:1; line-height:1.4em; }
	#container-menu .category .menu_list li .menu_description{ font-size:90%; margin-bottom: 15px; padding-top: 10px;}
	#container-menu .category .gallery{ display:flex; justify-content:space-between; }
	#container-menu .category .gallery li{ width:32%; }
	#container-menu .category .gallery li img{ width:100%; }




	/*access*/
	#container-access{ text-align: center; margin-bottom:60px; }

	#container-access #left{ width: 48%; float: left; text-align: left; }
	#container-access #right{ width: 48%; float: right; }

	#container-access .shop_name{ font-size:110%; }
	#container-access table{ font-size:95%; }
	#container-access table th{ font-weight:normal; }

	#container-access iframe{ height: 300px !important; max-width: 100%;}

	#container-access .shop_image img{ width:75%; text-align:center; margin-top:40px; }



	/*お問い合わせ*/
	#container-contact{ padding: 45px 0; }
	#container-contact p.contact{ font-size: 16px; font-weight: 800; margin-bottom: 40px;}
	#container-contact p.contact span{ color: #e60012; }
	#container-contact p.contact span.green{ color: #e97948; }

	#container-contact form{ display: inline-block; margin: 0 auto; text-align: left; font-weight: 800;}
	#container-contact form h3{ float: left; width: 190px; font-size: 14px; position: relative; top: 5px; text-align: left; font-weight: 800;}
	#container-contact form h3 span{ color: #e50012; }
	#container-contact form p{ float: left; margin-bottom: 20px;}
	#container-contact form input{ font-size: 16px; }
	#container-contact form p.text input{ border: solid 1px #613538; min-width: 400px; padding: 5px; }
	#container-contact form textarea{ border: solid 1px #613538; min-width: 400px; padding: 5px; }
	#container-contact form .submit{ text-align: center; width: 100%; }
	#container-contact form .submit input{ margin: 0 10px; background:#009541; color: white; font-size: 13px; padding: 10px 30px; }

	#container-contact .kakunin{ text-align:center; }
	#container-contact .kakunin span{ color: #e50012; }

	/*プライバシーポリシー*/
	#container-policy{ padding: 45px 0; }
	#container-policy h1{ font-size: 30px; font-weight: 800; color: #e97948; border-bottom: solid 1px #e97948; display:inline-block; padding: 0 20px; margin-bottom: 60px; }
	#container-policy p{ display: inline-block; margin: 0 auto; text-align: justify; font-weight: 800;}
	#container-policy p span{ color: #727171; }
	#container-policy p span.green{ color: #009541; }

	#container-policy a#kyuuzin img{ width: 500px; margin: 0 auto; padding: 50px 0;}


	/*sitemap*/
	#container-sitemap ul{ width: 360px; margin: 0 auto; padding-bottom: 50px;}
	#container-sitemap li{ text-align: left; border-bottom: solid 2px #613538; padding-bottom: 5px; margin-bottom: 10px; }

	#container-sitemap a#kyuuzin img{ width: 500px; margin: 0 auto; padding: 50px 0;}


	/*footer*/
	footer{ width:100%; background:url(../img/foot_bk_pc.png) center; background-size:auto 100%; border-top:#009541 solid 1px; }
	footer #inner{ width: 71.85%; max-width: 1024px; margin-right: auto; margin-left: auto; padding-top: 40px;}
	footer #inner #left{ width: 48%; float: left; text-align: left; }
	footer #inner #right{ width: 48%; float: right; }

	footer h4{ width: 200px; padding-bottom: 20px; margin:0 auto 30px;}

	footer .shop_name{ font-size:110%; }
	footer table{ font-size:95%; }
	footer table th{ font-weight:normal; }

	footer nav{ width: 100%; padding-top: 25px; margin-top: 25px; }
	footer nav li{ float: left; }
	footer nav li a{ font-size: 12px; color: #613538; border-right: solid 1px #613538; padding-right: 10px; margin-right: 10px;}

	footer iframe{ height: 300px !important; max-width: 100%;}

	footer #foot{ margin-top: 30px; background: #009541;}
	footer #foot{ font-size: 10px; color: white;}


	.foot-access{ border: none !important; }


}
@media screen and (min-width: 500px){
	#container-qa .qa_category .qa_list li .q_num{ margin-right:10px; width:10%;}
	#container-qa .qa_category .qa_list li .q_text{ width:90%;}
	#container-qa .qa_category .qa_list li .a_num{ margin-right:10px;width:10%; }
	#container-qa .qa_category .qa_list li .a_text{ width:90%;}
	#container-qa .qa_category .qa_list .q_list{margin-bottom:5px;}
	#container-qa .qa_category .qa_list .a_list{margin-bottom:20px;}
}


	#foot a{color:#fff;}
	footer nav ul li:last-of-type a {border-right:none;}
	
	#container-menu .category .gallery li{position:relative;overflow:hidden;}
	#container-menu .category .gallery li a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
	max-width:initial;
	max-width:none;
}
#container-effi .case .iamges p a{display:block;position:relative;overflow:hidden;}
#container-effi .case .iamges p a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
	max-width:initial;
	max-width:none;
}
#container-menu .page_menu li{float:left;}
#container-menu .category:first-of-type {clear:left;padding-top:20px;}
#container-menu .page_menu li:last-of-type{padding:0 10px;}