@CHARSET "UTF-8";

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

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

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

/* 見出しタグ */
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: break-all; }


@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: white; position: fixed; z-index: 100; border-bottom: solid 1px #871d2b;}
	header #header-inner{ width: 90%; margin: 0 auto;}
	header #header-inner h1{ float: left; }
	header #header-inner h1 img{ height: 37px; padding-top: 10px;}
	header #header-inner #toggle{ float: right; padding-top: 13px;} 
	header #header-inner #toggle img{ width: 33px; }
	header #main-sp{ width: 100%; background: #b5b5b6; overflow: scroll; height: 80vh; -webkit-overflow-scrolling : touch; }
	header #main-sp ul.main{ text-align: center; padding: 30px 0; width: 100%; margin: 0 auto; margin-bottom: 10px; background: #871d2b;}
	header #main-sp ul.main li{ padding-top: 10px; }
	header #main-sp ul.main li a{ font-size: 13px; font-weight: 600; color: white;}
	header #main-sp p{ font-size: 13px; line-height: 2.2em; padding-bottom: 15px; color: #231815;}
	
	header #main-sp a img{ width: 224px; margin-bottom: 0px;}
	header #main-sp .btn a{ width: 80%; margin: 0 auto; border: solid 1px #b5b5b6; padding: 3px 0; border-radius: 5px; display: block; color: #b5b5b6; margin-bottom: 5px; font-size: 12px;}
	
	
	header #main-sp #sub-navi-sp{ background: white; margin-top: 10px; width: 100%;}
	header #main-sp #sub-navi-sp ul{ margin: 0 auto; height: 20px; display: inline-block; margin: 0 auto; text-align: center;}
	header #main-sp #sub-navi-sp li{ float: left; height: 20px;}
	header #main-sp #sub-navi-sp li a{ color: #231815; font-size: 9px; letter-spacing: -1px; padding: 0 2px; height: 20px; line-height: 20px; padding-bottom: 5px;}
	
	
	
	/*ナビゲーションのスクロール*/
	
	#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; }
	
	/*toppage*/
	#container-top{ background: url(../img/back-sp.png); background-size: cover; background-repeat: no-repeat; padding-bottom: 223px;}
	#container-top h2 img{ width: 213px; margin: 0 auto; padding-top: 230px; padding-bottom: 20px;}
	#container-top a{ background: #881d2b; font-size: 12px; color: white; padding: 5px 10px; }
	
	#container-top-2{ padding: 50px 0; }
	#container-top-2 ul{ width: 100%; }
	#container-top-2 ul li{ width: 100%; color: white; margin-bottom: 10px;}
	#container-top-2 ul li a{ color: white; padding: 100px 0; display: block;}
	#container-top-2 ul li a span{ display: block; }
	#container-top-2 ul li:nth-child(1){ background: url(../img/li01.png); background-size: cover; }
	#container-top-2 ul li:nth-child(2){ background: url(../img/li02.png); background-size: cover; }
	#container-top-2 ul li:nth-child(3){ background: url(../img/li03.png); background-size: cover; }
	
	#container-message #left{ background: url(../img/back-02.png); background-size: cover; background-repeat: no-repeat; width: 100%; height: 180px;}
	#container-message #right{ width: 100%;  background: #881d2b; color: white;}
	#container-message #right p{ text-align: left; padding: 20px; padding-left: 20px; font-size: 12px; line-height: 2.2em;}
	
	#container-message #left h2{ color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; font-size: 14px; display: inline-block; margin: 0 auto; padding-top: 70px; letter-spacing: -1px;}
	#container-message #left h2 span{ display: block; font-size: 12px; border-top: solid 1px white; letter-spacing: 0px;}
	
	#container-message #center{ background: url(../img/back-03.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
	#container-message #center p{ text-align: center; margin: 0 auto; color: white; font-size: 12px; padding: 30px 0; line-height: 2.2em;}
	
	#container-news{ text-align: left; padding: 80px 0;}
	#container-news h2{ font-size: 20px; color: #881d2b; padding-bottom: 10px;}
	#container-news h2 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-news ul#scrollbar01{ height: 170px; overflow:scroll; border: solid 1px #881d2b; padding: 20px 0; background: white;}
	#container-news ul li{ padding-bottom: 10px; width: 90%; margin: 0 auto; border-bottom: solid 1px #881d2b; margin-bottom: 10px;}
	#container-news ul li a{ font-size: 13px; }
	#container-news ul li span{ padding-right: 10px; }
	
	#news-more { color:#4d4c4c;text-align:right;width:93%;padding-right:30px;}
	#news-more a:hover { text-decoration: underline;color:#884c4c};
	
	#scrollbar01::-webkit-scrollbar{ width:5px; background: gray; }
	#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
	#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #881d2b; }
	#scrollbar01::-webkit-scrollbar-piece{ background: #881d2b; }
	#scrollbar01::-webkit-scrollbar-piece:start{ background:#881d2b; }
	#scrollbar01::-webkit-scrollbar-thumb{ background: #881d2b; }
	
	#container-banner{ padding-bottom: 50px; text-align: left;}
	#container-banner a img{ width: 100%; margin-bottom: 50px;}
	#container-banner h2{ font-size: 20px; color: #881d2b; padding-bottom: 10px; padding-right: 15px;}
	#container-banner p.zip{ font-size: 13px; color: #4d4c4c; padding-top: 10px;}
	#container-banner p.toho{ font-size: 13px; color: #4d4c4c; padding-top: 7px;}
	#container-banner h2 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-banner #content-map iframe{ width: 100%; height: 250px; }
	
	/*news page*/
	.container-news h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	.container-news h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	.container-news ul{ height: 500px !important; }
	
	/*page*/
	.container-page{ padding-top: 80px; }
	.container-page h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	.container-page h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	
	.container-page #content-main-visual{ width: 100%; background: url(../img/item/back.png); background-size: cover; background-repeat: no-repeat; padding: 30px 0;}
	.container-page #content-main-visual h2{ font-size: 20px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	
	#cat-li{ background: #4d4c4c; margin-bottom: 50px;}
	#cat-li ul{ display: inline-block; margin: 0 auto; position: relative; top: 3px; }
	#cat-li li{ float: left; }
	#cat-li li a{ font-size: 11px; letter-spacing: -1px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; padding: 0 5px; border-left: solid 1px white;}
	#cat-li li:nth-child(1) a{ border-left: 0px; }
	
	.container-page h3{ font-size: 20px; color: #881d2b; border-bottom: solid 1px #881d2b; margin-bottom: 35px; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	.container-page #content ul{ width: 105%; margin-right: -5%; margin-bottom: 40px;}
	.container-page #content li{ float: left; width: 45%; margin-right: 5%; margin-bottom: 20px;}
	.container-page #content li h4{ margin-bottom: 5px; }
	.container-page #content li a{ color: white; background: #881d2b; font-size: 11px; padding: 5px 10px;}
	
	.container-page-2 #content-main-visual{ margin-bottom: 50px; background: url(../img/pickup/back.png);}
	.container-brand #content-main-visual{ margin-bottom: 50px; background: url(../img/brand/back.png);}
	
	/*brand*/
	.container-brand{ padding-bottom: 80px; }
	.container-brand h3{ font-size: 22px; color: black; border-bottom: none; line-height: 1.4em; margin-bottom: 30px;}
	.container-brand #left{ width: 101%; margin-right: -1%; float: left; margin-bottom: 15px;}
	.container-brand #left img{ width: 49%; float: left; padding-right: 1%; }
	.container-brand #right{ width: 100%; float: left; text-align: left;}
	.container-brand #right h4{ font-size: 15px; color: #881d2b; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; margin-bottom: 10px;}
	.container-brand #right p{ text-align: justify; font-size: 11px; color: #4d4c4c; font-weight: 500; letter-spacing: -1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
	.container-brand #content-brand{ margin-bottom: 60px; }
	
	/*company*/
	#container-company{ padding-top: 50px; }
	#container-company h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	#container-company h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	
	#container-company #content-main-visual{ width: 100%; background: url(../img/company/back.png); background-size: cover; background-repeat: no-repeat; padding: 30px 0;}
	#container-company #content-main-visual h2{ font-size: 20px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	
	#container-company ul{ margin: 60px 0; }
	#container-company ul li{ width: 100%; margin:0 auto; border-bottom: solid 1px #881d2b; margin-bottom: 10px;}
	#container-company ul li h3{ font-size: 11px; color: #881d2b; text-align: left;}
	#container-company ul li p{ font-size: 12px; color: #4d4c4c; text-align: left;}
	
	/*access*/
	#container-access{ padding-top: 80px; padding-bottom: 80px;}
	#container-access h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	#container-access h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-access iframe{ width: 100% !important; display: block; margin-top: 10px; height: 200px;}
	
	#container-access .left{ font-size: 12px; text-align: left;}
	#container-access .right{font-size: 12px; text-align: left;}
	
	/*privacy policy*/
	.container-policy p{ text-align: left; display: inline-block; margin: 0 auto; margin-bottom: 40px; font-size: 12px;}
	.container-policy p span{ color: #881d2b; }
	
	/*お問い合わせ*/
	.container-contact p{ display: inline-block; margin: 0 auto; text-align: center; margin-bottom: 60px; font-size: 12px; text-align: justify;}
	.container-contact p span{ color: #e60012; }
	.container-contact p span.tel{ color: #881d2b; }
	
	.container-contact form{ display: inline-block; margin: 0 auto; text-align: center; margin-bottom: 50px;}
	.container-contact form h3{ float: left; width: 270px; font-size: 12px; text-align: left;}
	.container-contact form h3 span{ color: #e60012; }
	.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 #881d2b; padding: 5px; width: 320px;}
	.container-contact form textarea{ border: solid 1px #881d2b; padding: 5px; width: 320px;}
	.container-contact .bt01{ text-align: center; display: inline-block; margin: 0 auto;background:#881d2b; color: white; font-size: 13px; padding: 10px 30px; }
	
	/*sitemap*/
	.container-sitemap ul{ width: 80%; margin: 0 auto; text-align: left; border-top: dotted 1px #881d2b; margin-bottom: 50px;}
	.container-sitemap ul li{ border-bottom: dotted 1px #881d2b; padding: 5px 20px;}
	.container-sitemap ul li a{ color: #727171; font-size: 13px;}
	
		
	/*footer*/
	footer{ width:100%;}
	#foot-nav{ width: 100%; background: #b5b5b6; padding-top: 5px; margin-bottom: 30px;}
	#foot-nav ul{ display: inline-block; margin: 0 auto; padding: 0 10px;}
	#foot-nav li{ float: left; }
	#foot-nav li a{ color: white; font-size: 11px; border-right: solid 1px white; padding-right: 5px; margin-right: 5px;}
	
	footer img{ width: 174px; }
	footer p.red{ font-size: 10px; color: #881d2b; margin-bottom: 0px; letter-spacing: -1px;}
	footer p{ font-size: 11px; margin-bottom: 30px;}
}
@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: white !important; position: fixed; z-index: 100; border-bottom: solid 1px #871d2b;}
	header #header-inner{ width: 90%; margin: 0 auto;}
	header #header-inner h1{ float: left; }
	header #header-inner h1 img{ height: 37px; padding-top: 10px;}
	header #header-inner #toggle{ float: right; padding-top: 13px;} 
	header #header-inner #toggle img{ width: 33px; }
	header #main-sp{ width: 100%; background: #b5b5b6 !important; overflow: scroll; height: 70vh; -webkit-overflow-scrolling : touch; }
	header #main-sp ul.main{ text-align: center; padding: 30px 0; width: 100%; margin: 0 auto; background: #871d2b;}
	header #main-sp ul.main li{ padding-top: 10px; }
	header #main-sp ul.main li a{ font-size: 13px; font-weight: 600; color: white;}
	header #main-sp p{ font-size: 13px; line-height: 2.2em; padding-bottom: 15px; color: white;}
	
	header #main-sp a img{ width: 224px; margin-bottom: 10px;}
	header #main-sp .btn a{ width: 80%; margin: 0 auto; border: solid 1px #b5b5b6; padding: 3px 0; border-radius: 5px; display: block; color: #b5b5b6; margin-bottom: 5px; font-size: 12px;}
	
	header #main-sp #sub-navi-sp{ background: white; width: 100%;}
	header #main-sp #sub-navi-sp ul{ margin: 0 auto; height: 20px; display: inline-block; margin: 0 auto; text-align: center;}
	header #main-sp #sub-navi-sp li{ float: left; height: 20px;}
	header #main-sp #sub-navi-sp li a{ color: #231815; font-size: 9px; letter-spacing: -1px; padding: 0 2px; height: 20px; line-height: 20px; padding-bottom: 5px;}
	
	#back-gray{ background: #b5b5b6; padding-top: 15px;}
	
	/*ナビゲーションのスクロール*/
	
	#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; }
	
	/*toppage*/
	#container-top{ background: url(../img/back-sp.png); background-size: cover; background-repeat: no-repeat; padding-bottom: 223px;}
	#container-top h2 img{ width: 213px; margin: 0 auto; padding-top: 230px; padding-bottom: 20px;}
	#container-top a{ background: #881d2b; font-size: 12px; color: white; padding: 5px 10px; }
	
	#container-top-2{ padding: 50px 0; }
	#container-top-2 ul{ width: 100%; }
	#container-top-2 ul li{ width: 100%; color: white; margin-bottom: 10px;}
	#container-top-2 ul li a{ color: white; padding: 100px 0; display: block;}
	#container-top-2 ul li a span{ display: block; }
	#container-top-2 ul li:nth-child(1){ background: url(../img/li01.png); background-size: cover; }
	#container-top-2 ul li:nth-child(2){ background: url(../img/li02.png); background-size: cover; }
	#container-top-2 ul li:nth-child(3){ background: url(../img/li03.png); background-size: cover; }
	
	#container-message #left{ background: url(../img/back-02.png); background-size: cover; background-repeat: no-repeat; width: 100%; height: 180px;}
	#container-message #right{ width: 100%;  background: #881d2b; color: white;}
	#container-message #right p{ text-align: left; padding: 20px; padding-left: 20px; font-size: 12px; line-height: 2.2em;}
	
	#container-message #left h2{ color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; font-size: 14px; display: inline-block; margin: 0 auto; padding-top: 70px; letter-spacing: -1px;}
	#container-message #left h2 span{ display: block; font-size: 12px; border-top: solid 1px white; letter-spacing: 0px;}
	
	#container-message #center{ background: url(../img/back-03.png); background-size: cover; background-repeat: no-repeat; background-position: center;}
	#container-message #center p{ text-align: center; margin: 0 auto; color: white; font-size: 12px; padding: 30px 0; line-height: 2.2em;}
	
	#container-news{ text-align: left; padding: 80px 0;}
	#container-news h2{ font-size: 20px; color: #881d2b; padding-bottom: 10px;}
	#container-news h2 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-news ul#scrollbar01{ height: 170px; overflow:scroll; border: solid 1px #881d2b; padding: 20px 0; background: white;}
	#container-news ul li{ padding-bottom: 10px; width: 90%; margin: 0 auto; border-bottom: solid 1px #881d2b; margin-bottom: 10px;}
	#container-news ul li a{ font-size: 13px; }
	#container-news ul li span{ padding-right: 10px; }

	#news-more { color:#4d4c4c;text-align:right;width:93%;padding-right:30px;}
	#news-more a:hover { text-decoration: underline;color:#884c4c};
	
	#scrollbar01::-webkit-scrollbar{ width:5px; background: gray; }
	#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
	#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #000000; }
	#scrollbar01::-webkit-scrollbar-piece{ background: #000000; }
	#scrollbar01::-webkit-scrollbar-piece:start{ background:#000000; }
	#scrollbar01::-webkit-scrollbar-thumb{ background: #000000; }
	
	#container-banner{ padding-bottom: 50px; text-align: left;}
	#container-banner a img{ width: 100%; margin-bottom: 50px;}
	#container-banner h2{ font-size: 20px; color: #881d2b; padding-bottom: 10px; padding-right: 15px;}
	#container-banner p.zip{ font-size: 13px; color: #4d4c4c; padding-top: 10px;}
	#container-banner p.toho{ font-size: 13px; color: #4d4c4c; padding-top: 7px;}
	#container-banner h2 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-banner #content-map iframe{ width: 100%; height: 250px; }
	
	/*news page*/
	.container-news h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	.container-news h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	.container-news ul{ height: 500px !important; }
	
	/*page*/
	.container-page{ padding-top: 80px; }
	.container-page h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	.container-page h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	
	.container-page #content-main-visual{ width: 100%; background: url(../img/item/back.png); background-size: cover; background-repeat: no-repeat; padding: 30px 0;}
	.container-page #content-main-visual h2{ font-size: 20px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	
	#cat-li{ background: #4d4c4c; margin-bottom: 50px;}
	#cat-li ul{ display: inline-block; margin: 0 auto; position: relative; top: 3px; }
	#cat-li li{ float: left; }
	#cat-li li a{ font-size: 11px; letter-spacing: -1px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; padding: 0 5px; border-left: solid 1px white;}
	#cat-li li:nth-child(1) a{ border-left: 0px; }
	
	.container-page h3{ font-size: 20px; color: #881d2b; border-bottom: solid 1px #881d2b; margin-bottom: 35px; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	.container-page #content ul{ width: 105%; margin-right: -5%; margin-bottom: 40px;}
	.container-page #content li{ float: left; width: 45%; margin-right: 5%; margin-bottom: 20px;}
	.container-page #content li h4{ margin-bottom: 5px; }
	.container-page #content li a{ color: white; background: #881d2b; font-size: 11px; padding: 5px 10px;}
	
	.container-page-2 #content-main-visual{ margin-bottom: 50px; background: url(../img/pickup/back.png);}
	.container-brand #content-main-visual{ margin-bottom: 50px; background: url(../img/brand/back.png);}
	
	/*brand*/
	.container-brand{ padding-bottom: 80px; }
	.container-brand h3{ font-size: 22px; color: black; border-bottom: none; line-height: 1.4em; margin-bottom: 30px;}
	.container-brand #left{ width: 101%; margin-right: -1%; float: left; margin-bottom: 15px;}
	.container-brand #left img{ width: 49%; float: left; padding-right: 1%; }
	.container-brand #right{ width: 100%; float: left; text-align: left;}
	.container-brand #right h4{ font-size: 15px; color: #881d2b; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; margin-bottom: 10px;}
	.container-brand #right p{ text-align: justify; font-size: 11px; color: #4d4c4c; font-weight: 500; letter-spacing: -1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
	.container-brand #content-brand{ margin-bottom: 60px; }
	
	/*company*/
	#container-company{ padding-top: 50px; }
	#container-company h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	#container-company h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	
	#container-company #content-main-visual{ width: 100%; background: url(../img/company/back.png); background-size: cover; background-repeat: no-repeat; padding: 30px 0;}
	#container-company #content-main-visual h2{ font-size: 20px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	
	#container-company ul{ margin: 60px 0; }
	#container-company ul li{ width: 100%; margin:0 auto; border-bottom: solid 1px #881d2b; margin-bottom: 10px;}
	#container-company ul li h3{ font-size: 11px; color: #881d2b; text-align: left;}
	#container-company ul li p{ font-size: 12px; color: #4d4c4c; text-align: left;}
	
	/*access*/
	#container-access{ padding-top: 80px; padding-bottom: 80px;}
	#container-access h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	#container-access h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-access iframe{ width: 100% !important; display: block; margin-top: 10px; height: 200px;}
	
	#container-access .left{ font-size: 12px; text-align: left;}
	#container-access .right{font-size: 12px; text-align: left;}
	
	/*privacy policy*/
	.container-policy p{ text-align: left; display: inline-block; margin: 0 auto; margin-bottom: 40px; font-size: 12px;}
	.container-policy p span{ color: #881d2b; }
	
	/*お問い合わせ*/
	.container-contact p{ display: inline-block; margin: 0 auto; text-align: center; margin-bottom: 60px; font-size: 12px; text-align: justify;}
	.container-contact p span{ color: #e60012; }
	.container-contact p span.tel{ color: #881d2b; }
	
	.container-contact form{ display: inline-block; margin: 0 auto; text-align: center; margin-bottom: 50px;}
	.container-contact form h3{ float: left; width: 200px; font-size: 12px; text-align: left;}
	.container-contact form h3 span{ color: #e60012; }
	.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 #881d2b; padding: 5px; width: 400px;}
	.container-contact form textarea{ border: solid 1px #881d2b; padding: 5px; width: 400px;}
	.container-contact .bt01{ text-align: center; display: inline-block; margin: 0 auto;background:#881d2b; color: white; font-size: 13px; padding: 10px 30px; }
	
	/*sitemap*/
	.container-sitemap ul{ width: 80%; margin: 0 auto; text-align: left; border-top: dotted 1px #881d2b; margin-bottom: 50px;}
	.container-sitemap ul li{ border-bottom: dotted 1px #881d2b; padding: 5px 20px;}
	.container-sitemap ul li a{ color: #727171; font-size: 13px;}
	
		
	/*footer*/
	footer{ width:100%;}
	#foot-nav{ width: 100%; background: #b5b5b6; padding-top: 5px; margin-bottom: 30px;}
	#foot-nav ul{ display: inline-block; margin: 0 auto; padding: 0 10px;}
	#foot-nav li{ float: left; }
	#foot-nav li a{ color: white; font-size: 11px; border-right: solid 1px white; padding-right: 5px; margin-right: 5px;}
	
	footer img{ width: 174px; }
	footer p.red{ font-size: 10px; color: #881d2b; margin-bottom: 0px; letter-spacing: -1px;}
	footer p{ font-size: 11px; margin-bottom: 30px;}
	
}
@media screen and (min-width: 800px){
	
	.sp{ display: none !important; }
	#toggle{ 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: white; position: relative; border-bottom: solid 2px #dcdddd;}
	header #head-top{ background: #efefef; width: 100%; }
	header #head-top p{ font-size: 10px; color: #881d2b; float: left; padding-left: 5%; padding-top: 3px;}
	header #head-top ul{ float: right; padding-right: 5%; }
	header #head-top ul li{ float: left; padding-left: 20px; }
	header #head-top ul li a{ font-size: 10px; font-weight: 800; }
	header #header-inner{ width: 90%; margin: 0 auto; }
	header #header-inner h1{ float: left; }
	header #header-inner h1 img{ width: 207px; padding-top: 10px;}
	header #header-inner p{ float: right; font-size: 13px; padding-top: 30px;}
	header #header-inner a.tel{ float: right; padding-top: 30px; padding-left: 25px;}
	header #header-inner a.tel img{ width: 169px; }
	
	header #main{ width: 100%; background: #881d2b; }
	header #main ul{ display: inline-block; margin: 0 auto; }
	header #main ul li{ float: left; padding-top: 5px;}
	header #main ul li a{ padding: 0 20px; color: white; font-size: 14px; font-family : YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	
	/*base*/
	#content{ width: 78%; margin: 0 auto; }
	
	/*toppage*/
	#container-top{ background: url(../img/back.png); background-size: cover; background-repeat: no-repeat; padding-bottom: 120px;}
	#container-top h2 img{ width: 436px; margin: 0 auto; padding-top: 90px; padding-bottom: 70px;}
	#container-top a{ background: #881d2b; font-size: 12px; color: white; padding: 40px 50px; }
	
	#container-top-2{ padding: 50px 0; }
	#container-top-2::before { background:url("../img/back-p.png") no-repeat center top; background-image:url(../img/back-p.png); background-size: cover; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -3;}
	#container-top-2 ul{ width: 103.33333%; margin-right: -3.33333%; }
	#container-top-2 ul li{ width: 30%; margin-right: 3.33333%; color: white; float: left;}
	#container-top-2 ul li a{ color: white; padding: 100px 0; display: block;}
	#container-top-2 ul li a span{ display: block; }
	#container-top-2 ul li:nth-child(1){ background: url(../img/li01.png); background-size: cover; }
	#container-top-2 ul li:nth-child(2){ background: url(../img/li02.png); background-size: cover; }
	#container-top-2 ul li:nth-child(3){ background: url(../img/li03.png); background-size: cover; }
	
	#container-message #left{ background: url(../img/back-02.png); background-size: cover; background-repeat: no-repeat; float: left; width: 60%;}
	#container-message #right{ width: 40%; float: right; background: #881d2b; color: white;}
	#container-message #right p{ text-align: left; padding: 50px; padding-left: 80px; font-size: 14px; line-height: 2.2em;}
	
	#container-message #left h2{ color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; font-size: 22px; display: inline-block; margin: 0 auto; padding-top: 180px;}
	#container-message #left h2 span{ display: block; font-size: 17px; border-top: solid 1px white;}
	
	#container-message #center{ background: url(../img/back-03.png); background-size: cover; background-repeat: no-repeat;  }
	#container-message #center p{ text-align: center; margin: 0 auto; color: white; font-size: 14px; padding: 100px 0; line-height: 2.2em;}
	
	#container-news{ text-align: left; padding: 50px 0;}
	#container-news h2{ font-size: 20px; color: #881d2b; padding-bottom: 10px;}
	#container-news h2 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-news ul#scrollbar01{ height: 170px; overflow:scroll; border: solid 1px #881d2b; padding: 20px 0; background: white;}
	#container-news ul li{ padding-bottom: 10px; width: 90%; margin: 0 auto; border-bottom: solid 1px #881d2b; margin-bottom: 10px;}
	#container-news ul li a{ font-size: 13px; }
	#container-news ul li span{ padding-right: 10px; }
	
	#news-more { color:#4d4c4c;text-align:right;width:88%;padding-right:30px;}
	#news-more a:hover { text-decoration: underline;color:#884c4c};

	
	#scrollbar01::-webkit-scrollbar{ width:5px; background: gray; }
	#scrollbar01::-webkit-scrollbar:horizontal{ height:0px; }
	#scrollbar01::-webkit-scrollbar-button{ width:5px; height:5px; background: #000000; }
	#scrollbar01::-webkit-scrollbar-piece{ background: #000000; }
	#scrollbar01::-webkit-scrollbar-piece:start{ background:#000000; }
	#scrollbar01::-webkit-scrollbar-thumb{ background: #000000; }
	
	#container-banner{ padding-bottom: 50px; }
	#container-banner a img{ width: 100%; margin-bottom: 50px;}
	#container-banner h2{ font-size: 20px; color: #881d2b; padding-bottom: 10px; float: left; padding-right: 15px;}
	#container-banner p.zip{ font-size: 13px; color: #4d4c4c; float: left; padding-top: 20px;}
	#container-banner p.toho{ font-size: 13px; color: #4d4c4c; float: right; padding-top: 20px;}
	#container-banner h2 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-banner #content-map iframe{ width: 100%; height: 250px; }
	
	/*news page*/
	.container-news h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	.container-news h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	.container-news ul{ height: 500px !important; }
	
	/*page*/
	.container-page{ padding-top: 50px; }
	.container-page h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	.container-page h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	
	.container-page #content-main-visual{ width: 100%; background: url(../img/item/back.png); background-size: cover; background-repeat: no-repeat; padding: 100px 0;}
	.container-page #content-main-visual h2{ font-size: 40px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	
	#cat-li{ background: #4d4c4c; margin-bottom: 50px;}
	#cat-li ul{ display: inline-block; margin: 0 auto; position: relative; top: 3px; }
	#cat-li li{ float: left; }
	#cat-li li a{ font-size: 13px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; padding: 0 20px; border-left: solid 1px white;}
	#cat-li li:nth-child(1) a{ border-left: 0px; }
	
	.container-page h3{ font-size: 20px; color: #881d2b; border-bottom: solid 1px #881d2b; margin-bottom: 35px; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	.container-page #content ul{ width: 105%; margin-right: -5%; margin-bottom: 40px;}
	.container-page #content li{ float: left; width: 20%; margin-right: 5%; margin-bottom: 20px;}
	.container-page #content li h4{ margin-bottom: 5px; }
	.container-page #content li a{ color: white; background: #881d2b; font-size: 11px; padding: 5px 10px;}
	
	.container-page-2 #content-main-visual{ margin-bottom: 50px; background: url(../img/pickup/back.png);}
	.container-brand #content-main-visual{ margin-bottom: 50px; background: url(../img/brand/back.png);}
	
	/*brand*/
	.container-brand{ padding-bottom: 80px; }
	.container-brand h3{ font-size: 50px; color: black; border-bottom: none; line-height: 1.4em; margin-bottom: 30px;}
	.container-brand #left{ width: 44%; float: left; }
	.container-brand #left img{ width: 47%; float: left; padding-right: 1.5%; }
	.container-brand #right{ width: 50%; float: left; text-align: left;}
	.container-brand #right h4{ font-size: 20px; color: #881d2b; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif; margin-bottom: 10px;}
	.container-brand #right p{ text-align: justify; font-size: 13px; color: #4d4c4c; font-weight: 500; letter-spacing: -1px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
	.container-brand #content-brand{ margin-bottom: 60px; }
	
	/*company*/
	#container-company{ padding-top: 50px; }
	#container-company h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	#container-company h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	
	#container-company #content-main-visual{ width: 100%; background: url(../img/company/back.png); background-size: cover; background-repeat: no-repeat; padding: 100px 0;}
	#container-company #content-main-visual h2{ font-size: 40px; color: white; font-family : Garamond,Baskerville,Baskerville Old Face,YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;}
	
	#container-company ul{ border: solid 1px #881d2b; margin: 60px 0; padding: 40px 0;}
	#container-company ul li{ width: 90%; margin:0 auto; border-bottom: solid 1px #881d2b; padding: 0 10px; margin-bottom: 20px;}
	#container-company ul li h3{ font-size: 14px; color: #881d2b; float: left; width: 100px; text-align: left;}
	#container-company ul li p{ font-size: 14px; color: #4d4c4c; float: left; text-align: left;}
	
	/*access*/
	#container-access{ padding-top: 50px; padding-bottom: 80px;}
	#container-access h1{ font-size: 20px; color: #881d2b; padding-bottom: 10px; text-align: center; margin-bottom: 30px; font-weight: 800;}
	#container-access h1 img{ width: 10px; padding-right: 10px; position: relative; top: 5px;}
	#container-access iframe{ width: 100% !important; display: block; margin-top: 10px;}
	
	#container-access .left{ float: left; }
	#container-access .right{ float: right; padding-top: 30px;}
	
	/*privacy policy*/
	.container-policy p{ text-align: left; display: inline-block; margin: 0 auto; margin-bottom: 40px; }
	.container-policy p span{ color: #881d2b; }
	
	/*お問い合わせ*/
	.container-contact p{ display: inline-block; margin: 0 auto; text-align: center; margin-bottom: 60px;}
	.container-contact p span{ color: #e60012; }
	.container-contact p span.tel{ color: #881d2b; }
	
	.container-contact form{ display: inline-block; margin: 0 auto; text-align: center; margin-bottom: 50px;}
	.container-contact form h3{ float: left; width: 190px; font-size: 14px; position: relative; top: 5px; text-align: left;}
	.container-contact form h3 span{ color: #e60012; }
	.container-contact form p{ float: left; margin-bottom: 20px;text-align: center;}
	.container-contact form input{ font-size: 16px; }
	.container-contact form p.text input{ border: solid 1px #881d2b; min-width: 400px; padding: 5px; }
	.container-contact form textarea{ border: solid 1px #881d2b; min-width: 400px; padding: 5px; text-align: left; }
	.container-contact .bt01{ text-align: center; display: inline-block; margin: 0 auto;background:#881d2b; color: white; font-size: 13px; padding: 10px 30px; }
	.container-contact .button{ text-align: center; width:100%; }
	
	/*sitemap*/
	.container-sitemap ul{ width: 40%; margin: 0 auto; text-align: left; border-top: dotted 1px #881d2b; margin-bottom: 50px;}
	.container-sitemap ul li{ border-bottom: dotted 1px #881d2b; padding: 5px 20px;}
	.container-sitemap ul li a{ color: #727171; }
	
		
	/*footer*/
	footer{ width:100%;}
	#foot-nav{ width: 100%; background: #b5b5b6; padding-top: 5px; margin-bottom: 30px;}
	#foot-nav ul{ display: inline-block; margin: 0 auto; }
	#foot-nav li{ float: left; padding: 0 10px;}
	#foot-nav li a{ color: white; }
	
	footer img{ width: 174px; }
	footer p.red{ font-size: 10px; color: #881d2b; margin-bottom: 0px;}
	footer p{ font-size: 11px; margin-bottom: 30px;}

	
}