/* Font Awesome 4.0.3 */
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

body {
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQIW2OUNWD4//gCAyMDEgBz0CXgKpAlULTBJFAEYUYBAPaFDVICD92OAAAAAElFTkSuQmCC ), url(../img/bkg2.jpg);
	background-repeat: repeat, repeat-y;
	background-position: center , center center;
	background-attachment: fixed, fixed;
	-webkit-background-size: auto , cover;
	-moz-background-size: auto ,cover;
	-o-background-size: auto ,cover;
	background-size: auto ,cover;
	width:100%; height:100%;
}

h1,h2,h3,h4,h5,h6,p,div { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

@media only screen and (max-width: 767px){
body { 	background-position:  center right; }
}


a {
  color: #95255A; text-decoration: none !important;
}
a:hover, a:focus
 {
  color: #95255A !important; text-decoration: underline !important;
}



/* =Headline      
-----------------------------------------------------------------------------*/

h1 { font-size:1.4em; color: #4B3D2F; line-height: 100%; margin-bottom: .8em; letter-spacing: .1em; }

@media only screen and (max-width: 767px){
h1 { font-size:1.4em; color: #4B3D2F; line-height: 100%; margin: .5em 0 .5em 1%; letter-spacing: .1em; }
}


/* =Layout
-----------------------------------------------------------------------------*/

@media only screen and (max-width: 480px){
.wrapper {
	width: 92%;
	padding: 2% 4%;
	height: 100%;
	margin: 0 auto;
}
}

@media only screen and (min-width: 481px) and (max-width: 767px){
.wrapper {
	width: 92%;
	padding: 1% 4%;
	height: 100%;
	margin: 0 auto;
}
}

@media only screen and (min-width: 767px) {
.wrapper {
	margin: auto;
	max-width: 820px;
	padding: 36px 10px;
	height: 100%;
	margin: 0 auto;
}
}

#main { 
	border:0px solid rgba(90, 55, 1, 0.2); padding:1.5%;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00000000,EndColorStr=#00000000);
	
	background-color: rgba(224,224,224, 0.6);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */ 
	overflow:hidden; color: #000000;
 }


/* =Header
-----------------------------------------------------------------------------*/

#header { }
#header .logo { padding: 0% 0% 0 0%; }
#header .logo img {  }
#header .r_area { color: #fff; text-align: right; font-size: 1.1em; line-height: 1.4em; padding: 0% 0% 0 0%; }

@media only screen and (max-width: 767px){
#header .logo { text-align: center; padding-top:3.5%;  }
#header .r_area { text-align: center; color: #fff; font-size: 1em; }
}


/* =Home
-----------------------------------------------------------------------------*/
#layerslider-container-fw { margin-top: 0; margin-bottom: 1.5em; }
#layerslider { margin: 0 auto 0px; padding:1%; border:1px solid rgba(25, 36, 9, .6); background-color: rgba(25, 36, 9, .6); border-radius: 6px; max-width:100%;height: auto;width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc') !important; }
#layerslider .ls-s-1 { top:240px !important; left: 40px !important; color: #fff; font-weight: 400; font-size: 1.2em;
 background-color: rgba(0,0,0, 0.3); padding: 0.5em; border-radius: 4px 4px 4px 4px; max-width:100%;height: auto;width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc') !important; }
.slidershadow { height: 1.5em; }

.f85 { font-size: .85em; line-height: 1.4em; }


/* =Footer
-----------------------------------------------------------------------------*/
#footer { text-align:center; font-size: 0.85em; letter-spacing: 0.05em; color: #779744; }

/* = HOME
-----------------------------------------------------------------------------*/
.mgt05 { margin-top: .5em; } .mgb05 { margin-bottom: .5em; }
.mgt1 { margin-top: 1em; } .mgb1 { margin-bottom: 1em; }
.mgt2 { margin-top: 2em; } .mgb2 { margin-bottom: 2em; }
.pdd05 { padding:.5em } .pdd1 { padding:1em }
.r4px { border-radius: 4px; -webkit-border-radius: 4px;	-moz-border-radius: 4px; }

.box { color:#000; background : rgba(255,255,255, .9); padding: 1%; border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */  }
.box_color1 { background: #e0e0e0; overflow: hidden; font-size: .9em; padding: 1%;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url('../PIE-1.0beta3/PIE.htc'); }
.box_waku { padding: 2%; border: 1px solid rgba(37, 39, 10, .6);   border-radius: 4px; max-width:100%;height: auto;width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */ }
.box_std { font-size: .9em; }
.box_sidebar { font-size: .9em; padding: 5%;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url('../PIE-1.0beta3/PIE.htc'); background: #e0e0e0; }
.shop_pics img {  border-radius: 4px; max-width:100%;height: auto;width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */ }

@media only screen and (min-width: 481px) and (max-width: 767px){
.shop_pics {
	text-align:center;
}
}

.box .box_std h1 { font-size: 1.2em; text-align: left; background: rgba(224,224,224, .8); font-weight: normal; padding: .5em 0 .2em .5em; margin: .5em 0 1em 0; color: #131F00;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJnzpz5zwjjgzgmJiaMYAEYB8RmROaABAD4hQ9o0iqJkwAAAABJRU5ErkJggg== ) repeat;  border-radius: 4px; max-width:100%;height: auto;width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc'); }
.box .box_std h2 { font-size: 1.2em; text-align: left; background: rgba(224,224,224, .8); font-weight: normal; padding: .5em 0 .2em .5em; margin: .5em 0 1em 0; color: #131F00;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJnzpz5zwjjgzgmJiaMYAEYB8RmROaABAD4hQ9o0iqJkwAAAABJRU5ErkJggg== ) repeat;  border-radius: 4px; max-width:100%;height: auto;width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc'); }
.box .box_sidebar h2 { color: #192409; padding: 0; font-size: 1em; font-weight: normal; border-bottom: 1px dotted #303300; }
.box .box_sidebar p { font-size: .9em; }

.box h1 { font-size: 1.8em; color: #131F00; font-weight: normal; margin: .4em 0 .4em 0; }
.box h2 { font-size: 1.2em; color: #131F00; font-weight: normal; }
.box h2 span { font-size: .8em !important; }
.box_sidebar .qcode { border:1px solid #515F3B; margin-top:.5em; width:80px; float:right; }

.price { margin: 2%; }
.price table td { font-size: .85em; padding: .5%; }
.price table tr:nth-child(1) { border-top: 1px solid #eee; }
.price table td:nth-child(2) { text-align: right; width: 15%; }

.news { margin: 2%; padding: 2%; line-height: 160%; font-size: 1.1em;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url('../PIE-1.0beta3/PIE.htc'); background: rgba(224, 224, 224, .3); }
.newsindex { line-height: 160%; font-size: .75em; margin: .5em 0 .5em 0; }
.newsindex a { display:block; }

.newstitle { font-size: 1.6em !important; line-height: 100%; }

.calendar_r { width: 215px; margin:.5em .5em 0em .5em; float: right; padding:1%; background:#fff; border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px; behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */  }
.calendar { margin-top: .5em; }

.google-maps { position: relative; padding-bottom: 75%; /* 縦横比 */ height: 0; overflow: hidden; border: 1px solid rgba(178, 134, 129, 0.2); }
.google-maps iframe {  position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }



.box .concept { }
.box .con_text { padding: 5% 18% 0% 18%; width: 67%; }
.box .con_text h2 { font-size: 1.7em;margin-bottom: 2em; margin: 0em 0 1em 0; text-align: center; color:#232323; }
.box .con_text p { margin-bottom: 2em; color:#232323; letter-spacing: .1em; }
.box .con_text p img { margin-bottom:1em; margin-right: 1em; margin-top:.3em; float:left; }




.box_banner { margin: 0 0 1em 0; }
.box_banner img { border-radius: 4px; -webkit-border-radius: 4px;	-moz-border-radius: 4px;	behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */  }

@media only screen and (max-width: 767px){
.box { padding: 5%; }
.box_shop { padding: 5%; font-size:.87em; }
}

@media screen and (max-width: 479px){
.box { padding: 3%; }
.box_shop { padding: 3%; font-size:.87em; }
}

i.col_b2 { color: #8C7051 !important; }


/**** Item ****/

.item  { letter-spacing: -.40em; padding: 0; margin-bottom: 1em; }
.item ul li { width:19.1%; margin: 1%; font-size: .85em; letter-spacing: normal; list-style-type: none; display: inline-block; vertical-align: top; }
.item ul li h3 { font-size:.9em; font-weight:400; }
.item ul li p { margin-top:.5em; background: rgba(233, 233, 233, .8); font-size:.9em; padding: 3%; line-height: 150%; border-radius: 4px; width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */ }
.item ul li p span { font-weight:600; color: #3D261E; }
.item li img { margin: 0px auto .5em; padding:0px; border:1px solid rgba(212, 197, 194, .3); border-radius: 3px; width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */ }
.item ul li:nth-child(1n) { margin-left: 0; } .item ul li:nth-child(5n) { margin-right: 0; }
h2.item_ti { margin-bottom:.5em; }


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

.item ul li { width:32%; margin: 1% !important; font-size: .85em; }
.item ul li:nth-child(1n) { margin-left: 0 !important; } .item ul li:nth-child(3n) { margin-right: 0 !important; }

}

.end { font-size: 7em; font-family:'Ornate-2', sans-serif; }

/**** Web Fonts ****/

@font-face {
		font-family: 'Ornate-6';
		src: url('ornate-6/ornate6.eot');
		src: url('ornate-6/ornate6.eot?#iefix') format('embedded-opentype'),
				 url('ornate-6/ornate6.woff') format('woff'),
				 url('ornate-6/ornate6.ttf') format('truetype'),
				 url('ornate-6/ornate6.svg#ornate6') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Ornate-7';
		src: url('ornate-7/ornate7.eot');
		src: url('ornate-7/ornate7.eot?#iefix') format('embedded-opentype'),
				 url('ornate-7/ornate7.woff') format('woff'),
				 url('ornate-7/ornate7.ttf') format('truetype'),
				 url('ornate-7/ornate7.svg#ornate7') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Ornate-2';
		src: url('ornate-2/ornate2.eot');
		src: url('ornate-2/ornate2.eot?#iefix') format('embedded-opentype'),
				 url('ornate-2/ornate2.woff') format('woff'),
				 url('ornate-2/ornate2.ttf') format('truetype'),
				 url('ornate-2/ornate2.svg#ornate2') format('svg');
		font-weight: normal;
		font-style: normal;
}