@CHARSET "UTF-8";

h1.site-title{ display: none; }

 /* base set */
*{ margin: 0;padding: 0; border: none;} 
a{ text-decoration : none; color: #595757; font-weight: 800; 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:	YuGothic,/* Mac用 */ 'Yu Gothic', /* Windows用 */  メイリオ,sans-serif;
font-size : 15px; 
letter-spacing: 0.03em; 
line-height : 1.8em; 
color: #595757; 
font-weight: 800; 
-webkit-font-smoothing: subpixel-antialiased; } 

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

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

/* 見出しタグ */
h1{ font-weight: 800; line-height: 1.6em;}
h2{ font-weight: 800; line-height: 1.6em;}
h3{ font-weight: 800; line-height: 1.6em;}
h4{ font-weight: 800; line-height: 1.6em;}
h5{ font-weight: 800; line-height: 1.6em;}
h6{ font-weight: 800; 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: #fffcf0; position: fixed; z-index: 100; border-bottom: solid 2px #7b6a55;}
	header #header-inner{ width: 90%; margin: 0 auto;}
	header #header-inner h1{ float: left; }
	header #header-inner h1 img{ width: 166px; padding-top: 10px;}
	header #header-inner #toggle{ float: right; padding-top: 10px;} 
	header #header-inner #toggle img{ width: 33px; }
	header #main-sp{ width: 100%; background: #fffcf0; 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; border-bottom: solid 1px #727171;}
	header #main-sp li{ padding-top: 10px; }
	header #main-sp li a{ font-size: 13px;  color: #7b6a55;}
	
	
	
	/*ナビゲーションのスクロール*/
	
	#main-sp::-webkit-scrollbar{ width: 2px; background:rgba(255,255,255,0.95); }
	#main-sp::-webkit-scrollbar:horizontal{ height:0px; }
	#main-sp::-webkit-scrollbar-button{ width:5px; height:5px; background:rgba(255,255,255,0.95); }
	#main-sp::-webkit-scrollbar-piece{ background:rgba(235,110,115,1.0); }
	#main-sp::-webkit-scrollbar-piece:start{ background:rgba(255,255,255,0.95); }
	#main-sp::-webkit-scrollbar-thumb{ background:rgba(235,110,115,1.0); }
	
	
	/*base*/
	#content{ width: 90%; margin: 0 auto; }
	
	h2{ font-size: 15px; line-height: 1.4em; margin-bottom: 30px; color: #7d6b55 /*色*/; display:inline-block;}
	h2 span{ display: block; font-size: 10px; color: #7d6b55 /*色*/; }
	
		/*個別のページ*/
		.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: 15px; color: #7d6b55; margin-bottom: 5px;}
		.container-page #content p{ font-size: 11px; color: #7d6b55; text-align: justify; margin-bottom: 20px;}	
	
		
	/*toppage*/
	#container-top{ width: 100%; text-align: center;  }
	#container-top img{ border-bottom: solid 2px #7d6b55; 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; color: #7d6b55;}
		#container-news ul li span{ padding-right: 10px; display: block; color: #7d6b55;}
		
		#scrollbar01::-webkit-scrollbar{ width:5px; background: rgba(230,230,230,1.0); }
		#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
		#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #7d6b55; }
		#scrollbar01::-webkit-scrollbar-piece{ background: #7d6b55; }
		#scrollbar01::-webkit-scrollbar-piece:start{ background:#7d6b55; }
		#scrollbar01::-webkit-scrollbar-thumb{ background: #7d6b55; }
		
		#container-news a#more{ font-size: 12px; color: #7d6b55; border: solid 2px #7d6b55; padding: 5px 10px; }
		
		/*バナー*/
		#container-banner{ text-align: center; padding: 50px 0;}
		#container-banner a{ margin-bottom:5px; }
		#container-banner .left{ width: 100%; float: left; margin-bottom: 2px;}
		#container-banner .right{ width: 100%; float: right; margin-bottom: 2px;}
		.to-contact { border: solid 2px #7d6b55; padding: 5px 10px;}
		h3.contact-h3{ padding-bottom: 10px !important; color: #7d6b55; padding-top: 20px;}
	
	
	/*container-about*/
	#container-about #inner{ text-align: left; width: 100%; margin: 0 auto; }
	#container-about img{ margin-bottom: 10px; width: 100% !important;}
	#container-about h3{ font-size: 15px !important; color: #7d6b55 !important; margin-bottom: 10px !important;}
	#container-about p{ font-size: 11px !important; color: #7d6b55; padding-bottom: 40px;}
	
	
	/*container-about*/
	#container-about #inner{ text-align: left; margin: 0 auto; }
	#container-about #inner img{ margin-bottom: 5px; width: 100% !important; }
	#container-about h3{ font-size: 25px !important; color: #7d6b55 !important; margin-bottom: 10px !important;}
	#container-about p{ font-size: 13px; color: #7d6b55; padding-bottom: 50px;}
	
	/*container-bag*/
	#container-bag #left{ width: 100%; padding-bottom: 30px;}
	#container-bag #right{ width: 100%; padding-bottom: 10px;}
	/*#container-bag #left h3{ float: left; }*/
	#container-bag #left .price{ float: right; }
	
	#cat-nav ul { margin-bottom: 25px; width: 80%; margin-left: 10%;}
	#cat-nav ul li { width: 40%; float: left; text-align: left; margin-left: 8%;}
	#cat-nav ul li:nth-child(2n+1){ clear: both; float: left; margin-right: 4%; }
	#cat-nav ul li a { color: #7d6b55; border-bottom: solid 1px #7d6b55;}
	#cat-nav ul li a:hover { border-bottom: none; }
	#container-page-content { width: 80%; margin-left: 10%; }
	#container-page-content .bagCateName { width: 100%; color: #fffcf0; text-align: center; padding: 10px 0 5px 0;  margin-bottom: 25px; background: #7d6b55;}
	#container-page-content .bagCateItem { width: 88%; color: #7d6b55; text-align: left;  margin-bottom: 40px; margin-left: 6%;}
	#container-page-content .topScroll { color: #7d6b55; border-bottom: solid 1px #7d6b55; display: block; float: right;}
	
	/*item*/
	.excerpt{ background: #7d6b55; display: inline-block; margin: 0 auto; padding: 4px 12px; color: white; margin-bottom: 40px; font-size: 12px;}
	#container-page-content { width: 80%; margin-left: 10%; }
	#container-page-content .itemCateName { width: 100%; color: #fffcf0; text-align: center; padding: 10px 0 5px 0;  margin-bottom: 25px; background: #7d6b55;}
	#container-page-content .itemCateItem { width: 88%; color: #7d6b55; text-align: left;  margin-bottom: 40px; margin-left: 6%;}
	#container-page-content .topScroll { color: #7d6b55; border-bottom: solid 1px #7d6b55; display: block; float: right;}
	
	/*access*/
	#container-access{ text-align: center; }
	p.address{ display: inline-block; margin: 0 auto; padding-bottom: 40px;}
	
	#container-access iframe{ margin-bottom: 50px; max-width: 90%;}
	#container-access #inner{ display: inline-block; margin: 0 auto; text-align: left;}

	
	
	/*お問い合わせ*/
	#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: #7d6b55; }
	#container-contact p.contact span.green a:link { color: #7d6b55; }
	#container-contact p.contact span.green a:visited { color: #7d6b55; }
	#container-contact p.contact span.green a:hover { color: #7d6b55; }
	
	#container-contact form{ width: 270px; margin: 0 auto; text-align: left; }
	#container-contact form h3{ width: 190px; 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;}
	#container-contact form input{ font-size: 16px; }
	#container-contact form p.text input{ border: solid 1px #7d6b55; min-width: 200px; padding: 5px; }
	#container-contact form textarea{ border: solid 1px #7d6b55; width: 270px; padding: 5px; }
	#container-contact form .submit{ text-align: center; width: 100%; }
	#container-contact form .submit input{ margin: 0 10px; background:#7d6b55; color: #fffcf0; font-size: 13px; padding: 10px 30px; }
	
	
	/*プライバシーポリシー*/
	#container-policy{ padding: 45px 0; }
	#container-policy h1{ font-size: 30px;  color: #7d6b55; border-bottom: solid 1px #7d6b55; 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: #7d6b55; }
	
	#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: left; border-bottom: solid 2px #7d6b55; 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;}
	
	/*company*/
	#container-company #inner{ width: 100%; margin: 0 auto; }
	#container-company #inner p{ border-bottom: solid 2px #7d6b55; }
	#container-company #inner p a:link { color: #7d6b55; }
	#container-company #inner p a:visited { color: #7d6b55; }
	#container-company #inner p a:hover { color: #7d6b55; }
	#container-company #inner p a:active { color: #7d6b55; }
	
	
	/*footer*/
	footer{ width: 100%; background: #7d6b55;}
	footer #inner{ padding-top: 30px; width: 90%; margin: 0 auto; text-align: left;}
	footer img{ width: 236px; margin: 0 auto; max-width: 200px; padding-bottom: 20px;}	
	footer .tel a{ font-size: 16px; color: #fffcf0;}
	footer p{ font-size: 11px; margin-bottom: 10px; color: #fffcf0;}
	footer a{ color: #fffcf0; }
	
	footer #right{ width: 100%; margin: 0 auto; max-width: 600px;}
	footer #right p{ text-align: left; margin-bottom: 10px; color: #fffcf0;}
	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 #fffcf0; color: #fffcf0; font-size: 11px; }
	
	footer #foot{ width: 100%; text-align: center; font-size: 10px; color: #310000; background: #fffcf0; }
	
}
@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: #fffcf0; position: fixed; z-index: 100; border-bottom: solid 2px #7b6a55;}
	header #header-inner{ width: 90%; margin: 0 auto;}
	header #header-inner h1{ float: left; }
	header #header-inner h1 img{ width: 166px; padding-top: 10px;}
	header #header-inner #toggle{ float: right; padding-top: 10px;} 
	header #header-inner #toggle img{ width: 33px; }
	header #main-sp{ width: 100%; background: #fffcf0; 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; border-bottom: solid 1px #727171;}
	header #main-sp li{ padding-top: 10px; }
	header #main-sp li a{ font-size: 13px;  color: #7b6a55;}
	
	
	
	/*ナビゲーションのスクロール*/
	
	#main-sp::-webkit-scrollbar{ width: 2px; background:rgba(255,255,255,0.95); }
	#main-sp::-webkit-scrollbar:horizontal{ height:0px; }
	#main-sp::-webkit-scrollbar-button{ width:5px; height:5px; background:rgba(255,255,255,0.95); }
	#main-sp::-webkit-scrollbar-piece{ background:rgba(235,110,115,1.0); }
	#main-sp::-webkit-scrollbar-piece:start{ background:rgba(255,255,255,0.95); }
	#main-sp::-webkit-scrollbar-thumb{ background:rgba(235,110,115,1.0); }
	
	
	/*base*/
	#content{ width: 90%; margin: 0 auto; }
	
	h2{ font-size: 15px; line-height: 1.4em; margin-bottom: 30px; color: #7d6b55 /*色*/; display:inline-block;}
	h2 span{ display: block; font-size: 10px; color: #7d6b55 /*色*/; }
	
		/*個別のページ*/
		.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: 15px; color: #7d6b55; margin-bottom: 5px;}
		.container-page #content p{ font-size: 11px; color: #7d6b55; text-align: justify; margin-bottom: 20px;}	
	
		
	/*toppage*/
	#container-top{ width: 100%; text-align: center;  }
	#container-top img{ border-bottom: solid 2px #7d6b55; width: 70%; margin: 0 auto; }
	
		/*新着情報*/
		#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; color: #7d6b55;}
		#container-news ul li span{ padding-right: 10px; display: block; color: #7d6b55;}
		
		#scrollbar01::-webkit-scrollbar{ width:5px; background: rgba(230,230,230,1.0); }
		#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
		#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #7d6b55; }
		#scrollbar01::-webkit-scrollbar-piece{ background: #7d6b55; }
		#scrollbar01::-webkit-scrollbar-piece:start{ background:#7d6b55; }
		#scrollbar01::-webkit-scrollbar-thumb{ background: #7d6b55; }
		
		#container-news a#more{ font-size: 12px; color: #7d6b55; border: solid 2px #7d6b55; padding: 5px 10px; }
		
		/*バナー*/
		#container-banner{ text-align: center; padding: 50px 0; width: 70%; margin: 0 auto;}
		#container-banner a{ margin-bottom:5px; }
		#container-banner .left{ width: 100%; float: left; margin-bottom: 2px;}
		#container-banner .right{ width: 100%; float: right; margin-bottom: 2px;}
		.to-contact { border: solid 2px #7d6b55; padding: 5px 10px;}
		h3.contact-h3{ padding-bottom: 10px !important; color: #7d6b55; padding-top: 20px;}
	
	
	/*container-about*/
	#container-about #inner{ text-align: left; width: 100%; margin: 0 auto; }
	#container-about img{ margin-bottom: 10px; }
	#container-about h3{ font-size: 15px !important; color: #7d6b55 !important; margin-bottom: 10px !important;}
	#container-about p{ font-size: 11px !important; color: #7d6b55; padding-bottom: 40px;}
	
	
	/*container-about*/
	#container-about #inner{ text-align: left; width: 450px; margin: 0 auto; }
	#container-about #inner img{ margin-bottom: 5px; }
	#container-about h3{ font-size: 25px !important; color: #7d6b55 !important; margin-bottom: 10px !important;}
	#container-about p{ font-size: 13px; color: #7d6b55; padding-bottom: 50px;}
	
	/*container-bag*/
	#container-bag{ width: 70%; margin: 0 auto; }
	#container-bag #left{ width: 100%; padding-bottom: 30px;}
	#container-bag #right{ width: 100%; padding-bottom: 10px;}
	/*#container-bag #left h3{ float: left; }*/
	#container-bag #left .price{ float: right; }
	
	#cat-nav ul { margin-bottom: 25px; width: 80%; margin-left: 10%;}
	#cat-nav ul li { width: 40%; float: left; text-align: left; margin-left: 8%;}
	#cat-nav ul li:nth-child(2n+1){ clear: both; float: left; margin-right: 4%; }
	#cat-nav ul li a { color: #7d6b55; border-bottom: solid 1px #7d6b55;}
	#cat-nav ul li a:hover { border-bottom: none; }
	#container-page-content { width: 80%; margin-left: 10%; }
	#container-page-content .bagCateName { width: 100%; color: #fffcf0; text-align: center; padding: 10px 0 5px 0;  margin-bottom: 25px; background: #7d6b55;}
	#container-page-content .bagCateItem { width: 88%; color: #7d6b55; text-align: left;  margin-bottom: 40px; margin-left: 6%;}
	#container-page-content .topScroll { color: #7d6b55; border-bottom: solid 1px #7d6b55; display: block; float: right;}
	
	/*item*/
	.excerpt{ background: #7d6b55; display: inline-block; margin: 0 auto; padding: 4px 12px; color: white; margin-bottom: 40px; font-size: 12px;}
	#container-page-content { width: 80%; margin-left: 10%; }
	#container-page-content .itemCateName { width: 100%; color: #fffcf0; text-align: center; padding: 10px 0 5px 0;  margin-bottom: 25px; background: #7d6b55;}
	#container-page-content .itemCateItem { width: 88%; color: #7d6b55; text-align: left;  margin-bottom: 40px; margin-left: 6%;}
	#container-page-content .topScroll { color: #7d6b55; border-bottom: solid 1px #7d6b55; display: block; float: right;}
	
	/*access*/
	#container-access{ text-align: center; }
	p.address{ display: inline-block; margin: 0 auto; padding-bottom: 40px;}
	
	#container-access iframe{ margin-bottom: 50px; max-width: 90%;}
	#container-access #inner{ display: inline-block; margin: 0 auto; text-align: left;}

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

	
	#container-contact form{ width: 270px; margin: 0 auto; text-align: left; }
	#container-contact form h3{ width: 190px; 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;}
	#container-contact form input{ font-size: 16px; }
	#container-contact form p.text input{ border: solid 1px #7d6b55; min-width: 200px; padding: 5px; }
	#container-contact form textarea{ border: solid 1px #7d6b55; width: 270px; padding: 5px; }
	#container-contact form .submit{ text-align: center; width: 100%; }
	#container-contact form .submit input{ margin: 0 10px; background:#7d6b55; color: #fffcf0; font-size: 13px; padding: 10px 30px; }
	
	
	/*プライバシーポリシー*/
	#container-policy{ padding: 45px 0; }
	#container-policy h1{ font-size: 30px;  color: #7d6b55; border-bottom: solid 1px #7d6b55; 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: #7d6b55; }
	
	#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: left; border-bottom: solid 2px #7d6b55; 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;}
	
	/*company*/
	#container-company #inner{ width: 100%; margin: 0 auto; }
	#container-company #inner p{ border-bottom: solid 2px #7d6b55; }
	#container-company #inner p a:link { color: #7d6b55; }
	#container-company #inner p a:visited { color: #7d6b55; }
	#container-company #inner p a:hover { color: #7d6b55; }
	#container-company #inner p a:active { color: #7d6b55; }
	
	
	/*footer*/
	footer{ width: 100%; background: #7d6b55;}
	footer #inner{ padding-top: 30px; width: 70%; margin: 0 auto; text-align: left;}
	footer img{ width: 236px; margin: 0 auto; max-width: 200px; padding-bottom: 20px;}	
	footer .tel a{ font-size: 16px; color: #fffcf0;}
	footer p{ font-size: 11px; margin-bottom: 10px; color: #fffcf0;}
	footer a{ color: #fffcf0; }
	
	footer #right{ width: 100%; margin: 0 auto; max-width: 600px;}
	footer #right p{ text-align: left; margin-bottom: 10px; color: #fffcf0;}
	footer #right iframe{ height: 200px !important; 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 #fffcf0; color: #fffcf0; font-size: 11px; }
	
	footer #foot{ width: 100%; text-align: center; font-size: 10px; color: #310000; background: #fffcf0; }
	
}
@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: #fffcf0; position: relative; }
	header #header-inner{ display: inline-block; margin: 0 auto;}
	header #header-inner h1{ width: 193px; padding-top: 10px; margin: 0 auto;}
	header #header-inner h1 img{ width: 193px; }
	header #header-inner nav{ display: block; display:table; table-layout: fixed; height: 20px; width: 100%; background: #7d6b55;}
	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; border-right: solid 1px #fffcf0; color: #fffcf0; height: 20px !important; line-height: 20px;}
	header #header-inner nav li a:hover{ color: #fffcf0; }
	
	header ul.sub-navi{ position: absolute; top: 5px; right: 10px; width: 100%; height: 18px; text-align: right; background-size: cover; background-position: right; background-repeat: none;}
	header .sub-navi li{ float: right; height: 18px; padding-left: 10px; margin-left: 10px;}
	header .sub-navi li a{ font-size: 10px; color: #7d6b55; 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: #7d6b55 /*色*/; display:inline-block;}
	h2 span{ display: block; font-size: 13px; color: #7d6b55 /*色*/; }
	
		/*個別のページ*/
		.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: #7d6b55; margin-bottom: 5px;}
		.container-page #content p{ font-size: 13px; text-align: justify; margin-bottom: 20px; color: #7d6b55;}	
	
		
	/*toppage*/
	#container-top{ width: 100%; text-align: center;  }
	#container-top img{ border-bottom: solid 2px #7d6b55; 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; color: #7d6b55;}
		#container-news ul li span{ padding-right: 10px; display: block; color: #7d6b55;}
		
		#scrollbar01::-webkit-scrollbar{ width:5px; background: rgba(230,230,230,1.0); }
		#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
		#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #7d6b55; }
		#scrollbar01::-webkit-scrollbar-piece{ background: #7d6b55; }
		#scrollbar01::-webkit-scrollbar-piece:start{ background:#7d6b55; }
		#scrollbar01::-webkit-scrollbar-thumb{ background: #7d6b55; }
		
		#container-news a#more{ font-size: 12px; color: #7d6b55; border: solid 2px #7d6b55; padding: 5px 10px; }
		
		/*バナー*/
		#container-banner{ text-align: center; padding: 50px 0;}
		#container-banner .left{ width: 49%; float: left; margin-bottom: 20px; padding-top: 10px;}
		#container-banner .right{ width: 49%; float: right; margin-bottom: 20px; padding-top: 10px;}
		.to-contact { border: solid 2px #7d6b55; padding: 5px 10px;}
		h3.contact-h3{ padding-bottom: 10px !important; }
	
	
	/*container-about*/
	#container-about #inner{ text-align: left; width: 450px; margin: 0 auto; }
	#container-about #inner img{ margin-bottom: 5px; }
	#container-about h3{ font-size: 25px !important; color: #7d6b55 !important; margin-bottom: 10px !important;}
	#container-about p{ font-size: 13px; color: #7d6b55; padding-bottom: 50px;}
	
	/*container-bag*/
	#container-bag #left{ width: 44%; float: left; padding-bottom: 30px;}
	#container-bag #left .price{ float: right; }
	#container-bag #left:nth-child(2n+1) { margin-right: 8%; clear: both; float: left;}
	
	#cat-nav ul { margin-bottom: 25px; width: 80%; margin-left: 10%;}
	#cat-nav ul li { width: 40%; float: left; text-align: left;;}
	#cat-nav ul li:nth-child(2n+1){ clear: both; float: left; margin-left: 8%; margin-right: 4%; }
	#cat-nav ul li:nth-child(2n){ margin-right: 8%; }
	#cat-nav ul li a { color: #7d6b55; border-bottom: solid 1px #7d6b55;}
	#cat-nav ul li a:hover { border-bottom: none; }
	#container-page-content { width: 80%; margin-left: 10%; }
	#container-page-content .bagCateName { width: 100%; color: #fffcf0; text-align: center; padding: 10px 0 5px 0;  margin-bottom: 25px; background: #7d6b55;}
	#container-page-content .bagCateItem { width: 88%; color: #7d6b55; text-align: left;  margin-bottom: 40px; margin-left: 6%;}
	#container-page-content .topScroll { color: #7d6b55; border-bottom: solid 1px #7d6b55; display: block; float: right;}
	
	/*item*/
	.excerpt{ background: #7d6b55; display: inline-block; margin: 0 auto; padding: 4px 12px; color: white; margin-bottom: 40px; }
	#container-page-content { width: 80%; margin-left: 10%; }
	#container-page-content .itemCateName { width: 100%; color: #fffcf0; text-align: center; padding: 10px 0 5px 0;  margin-bottom: 25px; background: #7d6b55;}
	#container-page-content .itemCateItem { width: 88%; color: #7d6b55; text-align: left;  margin-bottom: 40px; margin-left: 6%;}
	#container-page-content .topScroll { color: #7d6b55; border-bottom: solid 1px #7d6b55; display: block; float: right;}
	
	/*access*/
	#container-access{ text-align: center; }
	p.address{ display: inline-block; margin: 0 auto; padding-bottom: 40px;}
	
	#container-access iframe{ margin-bottom: 50px; }
	#container-access #inner{ display: inline-block; margin: 0 auto; text-align: left;}
	
	

	
	
	/*お問い合わせ*/
	#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: #7d6b55; }
	#container-contact p.contact span.green a:link { color: #7d6b55; }
	#container-contact p.contact span.green a:visited { color: #7d6b55; }
	#container-contact p.contact span.green a:hover { color: #7d6b55; }
	#container-contact p.contact span.green a:link{ color: #7d6b55; }
	
	#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 #7d6b55; min-width: 400px; padding: 5px; }
	#container-contact form textarea{ border: solid 1px #7d6b55; min-width: 400px; padding: 5px; }
	#container-contact form .submit{ text-align: center; width: 100%; }
	#container-contact form .submit input{ margin: 0 10px; background:#7d6b55; color: #fffcf0; font-size: 13px; padding: 10px 30px; }
	
	
	/*プライバシーポリシー*/
	#container-policy{ padding: 45px 0; }
	#container-policy h1{ font-size: 30px; font-weight: 800; color: #7d6b55; border-bottom: solid 1px #7d6b55; 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: #c87b4f; }
	
	#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 #7d6b55; padding-bottom: 5px; margin-bottom: 10px; }
	
	#container-sitemap a#kyuuzin img{ width: 500px; margin: 0 auto; padding: 50px 0;}
	
	
	/*company*/
	#container-company #inner{ width: 50%; margin: 0 auto; }
	#container-company #inner p{ border-bottom: solid 2px #7d6b55; }
	#container-company #inner p a:link { color: #7d6b55; }
	#container-company #inner p a:visited { color: #7d6b55; }
	#container-company #inner p a:hover { color: #7d6b55; }
	#container-company #inner p a:active { color: #7d6b55; }
	
	/*footer*/
	footer{ width:100%; background: #7d6b55; }
	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;}
	footer p{ font-size: 13px; color: #fffcf0;}
	footer p.tel{ font-size: 20px; }
	footer p.tel span{ color: #fffcf0; font-size: 14px; padding-right: 12px; }
	footer p span{ color: #fffcf0; }
	
	
	footer nav{ width: 100%; padding-top: 25px; margin-top: 25px; }
	footer nav li{ float: left; }
	footer nav li a{ font-size: 12px; color: #fffcf0; border-right: solid 1px #fffcf0; padding-right: 10px; margin-right: 10px;}
	
	footer iframe{ height: 300px !important; max-width: 100%;}
	
	footer #foot{ margin-top: 30px; background: #fffcf0;}
	footer #foot{ font-size: 10px; color: #310000;}
	
	
	.foot-access{ border: none !important; }
	
	


}