/* CSS Document */
@font-face {
font-family: "hannari";
  src: url("fonts/hannari.woff") format("woff");
}
@font-face {
font-family: "minamoto_l";
  src: url("fonts/minamoto_l.woff") format("woff");
}

html,body { width: 100%; }
body {
	color: #26190a;
	margin: 0 auto;
	font-family: "minamoto_l","游明朝", "YuMincho", serif;
	background: url("../images/bg_main.jpg") repeat #ffffff;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.p15 { padding: 0 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

.mb05em { margin-bottom: 0.5em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.pb05em { padding-bottom: 0.5em !important; }
.mr0 { margin-right: 0 !important; }

li { list-style: none; }

p {
	text-align: justify;
	-ms-text-justify: auto;
	text-justify: auto;
	text-justify: inter-ideograph;
}
img { vertical-align: bottom; }

.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }

.ta_r { text-align: right; }
.ta_c { text-align: center; }

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

	a {
		color: #26190a;
		text-decoration: none;
	}



	.mb20 { margin-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; }
	.mb40 { margin-bottom: 40px !important; }
	.mb50 { margin-bottom: 50px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb70 { margin-bottom: 70px !important; }
	.mb80 { margin-bottom: 80px !important; }
	.mb100 { margin-bottom: 100px !important; }
	.mb120 { margin-bottom: 120px !important; }
	.pt50 { padding-top: 50px !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }

	a {
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	a img{
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}

	a:active, a:hover, a:hover img { opacity: 0.7; }

	.for_sp{display: none !important;}
	body { font-size: 14px; line-height: 16px; }
	.wrap { position: relative; }

	#fnav { height: 70px; width: 100%; position: fixed; top:-80px; border-bottom: #d9d1c7 1px solid;
		 z-index: 10000; background: url("../images/bg_main.jpg") repeat #ffffff; }
	/*#fnav_in { height: 55px; width: 100%; position: relative;
		z-index: 13000; }*/
	#fnav .mainw { position: relative; }
	#fnav h2 { float: left; padding-top: 20px; }
	#fnav .gnav { float: right; width: 1020px; margin-top: 10px; }
	#fnav .gnav li,#fnav .gnav li a,#fnav .gnav li a:after,#fnav .gnav li a.active:after 
		{ /*width: 127px;*/ width:112px; }
	#fnav .gnav li:first-child a { line-height: 20px; padding-top: 5px; }



	header { width: 100%; position: absolute; z-index: 100; }
	header .mainw { position: relative; }
	header h1 { float: left; font-size: 12px; font-weight: normal; color: #ffffff; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Sawarabi Gothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; margin-left: -20px; }
	header h2 { position: absolute; top:0; left: 50%; margin-left: -145px; }
	.language_menu { position: absolute; top:0; right: 0; background: rgba(0,0,0,0.8);
		line-height: 40px; z-index: 200; }
	.language_menu>li { position: relative; width: 110px; height: 40px; text-align: center; 
		cursor: pointer; }
	/*.language_menu>li:last-child { border-right: none; }*/
	.language_menu>li a { display: block; width: 110px; height: 40px; color: #ffffff; font-size: 13px; 
		position: relative; line-height: 40px; /*text-decoration: underline;*/ }
	.language_menu>li>a:after { content: "\f0d7"; font-family: FontAwesome; color: #539338;
		padding-left: 3px; }
	.language_menu>li:hover a { opacity: 1; }
	.language_menu>li ul { left: 0; position: absolute; z-index: 30; }
	.language_menu>li ul li { overflow: hidden; height: 0; transition: 0.2s; position: relative;
		background: rgba(0,0,0,0.8); }
	.language_menu>li ul li:before { content: ""; width: 86px; height: 1px; 
		background: rgba(255,255,255,0.2); position: absolute; top:0; left: 50%; margin-left: -43px; }
	.language_menu>li:hover > ul > li { overflow: visible; width: 110px; height: 40px; }
	.language_menu>li ul li a { display: block; position: relative;
		 }
	/*.language_menu>li:hover ul li a { 
		background: url("../images/arrow_b.svg") 24px center no-repeat #ffffff; }*/
	.language_menu>li:hover ul li a:hover { background: rgba(53,94,13,0.8);
		 }

	#gnav { padding-bottom: 70px; background: url("../images/bg_gnav.png") center bottom no-repeat; }
	.gnav { display: block; height: 48px; /*width: 1200px;*/ width: 1230px; margin: 0 auto; position: relative;
		margin-top: 25px; }
	.gnav:before { content: ""; background: #e0d5c6; width: 1px; height: 30px; position: absolute;
		top:9px; left: 0; }
	.gnav li { float: left; /*width: 150px;*/ width: 135px; height: 48px; position: relative; line-height: 48px; }
	.gnav li:last-child { margin-left:10px; }
	.gnav li:after { content: ""; background: #e0d5c6; width: 1px; height: 30px; position: absolute; right: 0; top:9px; }
	.gnav li:nth-child(8):after,.gnav li:last-child:after { background: none; }
	.gnav li a { display: block; /*width: 150px;*/ width: 100%; height: 48px; font-size: 14px; font-weight: bold;
		text-decoration: none; text-align: center; }
		.gnav li:first-child a { line-height:21px; }
	.gnav li a:after,.gnav li a.active:after { content: ""; position: absolute; width: 150px;
		bottom:0; left: 0; opacity: 0; background: #355e0d; height: 3px; border-radius: 2px;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	/*.gnav li a:hover span,.gnav li a.active span { color: #F3AFA0; }*/
	.gnav li a.active:after { opacity: 1; }
	.gnav li a:hover { opacity: 1; }
	.gnav li a:hover:after { opacity: 1; }
	.gnav .pop_rsv { background: #355e0d; display: block; text-align: center; color: #ffffff;
		border-radius: 5px; }
	.gnav .pop_rsv:hover { background-color: #264407; opacity: 1; color: #ffffff; }
	.gnav li a.pop_rsv:hover:after { opacity: 0; }


	.gnav .pop_rsv { background: #355e0d; display: block; text-align: center; color: #ffffff;
		border-radius: 5px; }
	.gnav .pop_rsv:hover { background-color: #264407; opacity: 1; color: #ffffff; }
	.gnav li a.pop_rsv:hover:after { opacity: 0; }


	.gnav .gDayuse { background: #355e0d; display: block; text-align: center; color: #ffffff;
		border-radius: 5px; }
	.gnav .gDayuse:hover { background-color: #264407; opacity: 1; color: #ffffff; }
	.gnav li a.gDayuse:hover:after { opacity: 0; }


	.gnav .gDayuse { background: #355e0d; display: block; text-align: center; color: #ffffff;
		border-radius: 5px; }
	.gnav .gDayuse:hover { background-color: #264407; opacity: 1; color: #ffffff; }
	.gnav li a.gDayuse:hover:after { opacity: 0; }


	.subnav { text-align: center; line-height: 48px; }
	.subnav li { display: inline-block; }
	.subnav li a { display: block; padding: 0 15px; font-size: 13px; }

/*rsv*/
	#rsv { width: 100%; height: 100vh; position: fixed; background-color: rgba(255,255,255,0.95);
		 display: none; z-index: 9000; }
	#rsv .mainw { background: url("../images/bg_rsv_fix.jpg") center center no-repeat; 
		width: 1202px; height: 140px; position: relative; top:40vh; top: -webkit-calc( 50vh - 70px ); 
		top: calc( 50vh - 70px );  }
	
	.rsv h3 { width: 180px; height: 140px; text-align: center; font-size: 20px; padding-top: 60px;
		position: absolute; left:0; top:0; 
		background: url("../images/bg_rsv_ttl.png") left center no-repeat; }
	.rsv h3 span { font-size: 10px;/* letter-spacing: 0;*/ color: #ae9169; }
	
	.rsv .rsv_ul { position: absolute; top:37px; right: 37px; }
	.rsv .rsv_ul li { display: inline-block; margin-right: 15px; font-size: 15px; line-height: 38px; }
	.rsv .rsv_ul li:last-child { margin-right: 0; }
	.rsv .rsv_ul li select { width: 100px;
		background: #ffffff; border: none; /*margin: 5px 0 0 0;*/ height: 38px; line-height: 38px;
		border-radius: 5px; padding-left: 12px; }
	.rsv .rsv_ul li input[type="text"] { width: 190px; height: 38px; padding-left: 12px;
		background: url("../images/icon_cal.svg") 165px center no-repeat #ffffff; border: none;
		border-radius: 5px; }
	.rsv .btn_search { margin-left: 10px; }
	.rsv .btn_search input { width: 190px; height: 38px; line-height: 38px; font-size: 14px;
		 background: url("../images/arrow_w.svg") 145px center no-repeat #355e0d; border: none; 
		color: #ffffff; text-align: left; cursor: pointer; border-radius: 5px;
		font-family:"minamoto_l","游明朝", "YuMincho", serif; padding-left: 12px;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	.rsv .btn_search input:hover { 
		background: url("../images/arrow_w.svg") 150px center no-repeat #264407; 
		color: #ffffff; }
	.rsv .rsv_ul li a { width: 190px; height: 38px; line-height: 38px; font-size: 14px;
		display: block; background: url("../images/arrow_g.svg") 145px center no-repeat #ffffff;
		color: #355e0d; padding-left: 12px; text-align: left; border-radius: 5px; }
	.rsv .rsv_ul li a:hover { opacity: 1; 
		background: url("../images/arrow_g.svg") 150px center no-repeat #e1efca; }
	
	.member { position: absolute; bottom: 30px; right: 37px; }

	.member li { display: inline-block; font-size: 15px; margin-right: 30px; height: 22px;
		line-height: 22px; }
	.member li:last-child { margin-right: 0; }
	.member li a:before { content: "\f0da"; font-family: FontAwesome; color: #355e0d;
		display: inline-block; padding-right: 3px; }
	.member li strong { font-size: 24px; color: #355e0d; }
	.member li strong:before { content: "\f095"; font-family: FontAwesome; padding-right: 5px; }
	#rsv .cbtn { background: none; position: absolute; text-align: center; top: 180px; left: 50%;
		margin-left: -102px; }
	#rsv .cbtn:after { content: "\e904"; font-family: 'icomoon'; position: absolute; right: 0;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	 }
	#rsv .cbtn:hover:after { font-size: 20px; }
	
	
/*footer*/
	footer { width: 100%; }
	footer #footnav { width: 100%; height: 58px; background: #481f00; text-align: center; }
	footer #footnav ul { text-align: center; height: 15px;
		line-height: 15px; padding-top: 22px; }
	footer #footnav li { display: inline-block; border-right: #26190a 1px solid; height: 15px;
		line-height: 15px; }
	footer #footnav li:first-child { border-left: #26190a 1px solid; }
	footer #footnav li a{ color: #ffffff; padding: 0 33px; font-size: 13px; display: block; }
	footer #footmain { width: 100%; padding-top: 55px; position: relative; text-align: center;
		background: url("../images/bg_foot.jpg") repeat; }
	footer .mainw { position: relative; }
	footer #footmain h2 { margin-bottom: 18px; }
	footer #footmain address{ font-style: normal;  }
	footer address p { font-size: 14px; line-height: 25px; margin-bottom: 20px; text-align: center; }
	footer address p strong.ttbig { font-size: 18px; }
	footer #footmain ul { text-align: center; margin-bottom: 30px; }
	footer #footmain li { display: inline-block; }
	footer #footmain li:first-child { margin-right: 20px; }
	footer #bn_annex { display: block; }

	footer .copy { text-align: center; font-size: 14px; width: 100%; padding-bottom: 20px; }
	footer #footmain .sns { display:flex; justify-content:center; gap: 15px; margin-bottom:45px; }
	footer #footmain .sns img { max-width:120px; }

/*pagetop*/
	#page-top { position: fixed; bottom: 20px; left: 50%; margin-left: 585px; z-index: 3000; }
	@media(max-width: 1400px){ #page-top { left:auto; margin-left: 0; right: 20px; } }
	#page-top a { background: url("../images/pagetop.svg") center center no-repeat; 
		text-align: center; display: block; width: 92px; height: 92px; 
		position: relative; padding-top: 17px;
		font-size: 15px; color: #bda380; }
	#page-top a:hover { padding-top: 12px; opacity: 1; }
	#page-top.stop { position: absolute; bottom: 220px; }


/*common*/
	.mainw { width: 1200px; margin: 0 auto; }
	.miniw { width: 1000px; margin: 0 auto; }
	#mv { width: 100%; height: 500px; overflow: hidden; /*margin: 0 auto 60px;*/ text-align: center; 
		position: relative; }
	#mv img { position: absolute; top:50%; left: 50%; }
	.left { float: left; }
	.right { float: right; }
	div.lead {margin: 0 auto 70px; text-align: center; }
	div.lead h3 { color: #355e0d; font-size: 30px; text-align: center; margin-bottom: 20px; 
		line-height: 30px; }
	div.lead h3 span { font-size: 24px; }
	div.lead p { font-size: 14px; line-height: 30px; text-align: center; }
	p.lead { font-size: 16px; line-height: 26px; text-align: center; margin-bottom: 40px; }
	h3.ch3 { text-align: center; padding-top: 35px; font-size: 28px; margin-bottom: 30px;
		position: relative; font-family: "hannari"; line-height: 24px; font-weight: normal;
		background: url("../images/bg_ttl.svg") center center no-repeat; height: 112px; }
	h3.ch3 span { color: #355e0d; font-size: 16px; font-weight: normal; 
		 }
	h3.ttlh3,h4.ttl { background: url("../images/ttlbase.png") center center no-repeat; margin: 0 auto;
		font-family: "hannari"; width: 200px; height: 188px; color: #ffffff; font-size: 26px;
		padding-top: 80px; text-align: center; font-weight: normal; line-height: 22px; }
	h3.ttlh3 span,h4.ttl span { font-size: 15px; }
	h4.ch4 { background: url("../images/mark.svg") left center no-repeat; height: 26px; 
		line-height: 26px; padding-left: 35px; font-size: 23px; color: #355e0d;
		font-family: "hannari"; }
	.ch4.bb { border-bottom: #4f682c 1px dashed; padding-bottom: 15px; margin-bottom: 30px; 
		height: 38px; }
	h4.ch4_2 { background: url("../images/mark2.svg") left bottom no-repeat; height: 80px; 
		padding: 38px 0 0 35px; font-size: 28px; color: #26190a; margin-bottom: 20px;
		font-family: "hannari"; }
	h4.leadh4 { color: #355e0d; font-size: 28px; text-align: center; margin-bottom: 20px; 
		line-height: 30px; font-family: "hannari"; }
	h4.leadh4 span { font-size: 22px; }
	h5.ch5 { padding-bottom: 10px; margin-bottom: 15px; font-size: 16px; 
		border-bottom: #4f682c 1px dashed; }
	h5.ch5:before { content: "●"; color: #355e0d; font-size: 14px; padding-right: 5px; }
	p.note { font-size: 14px; line-height: 24px; }
	/*
	h3.ttlh3 { margin: 0 auto 35px; font-size: 24px; line-height: 30px; padding-bottom: 15px; position: relative;
		padding-left: 20px; text-align: left; }
	h3.ttlh3 span { color: #80ad1f; font-size: 15px; display: inline-block; padding-left: 5px; 
		font-weight: normal; }
	h3.ttlh3:before { content: ""; width: 5px; height: 30px; top:0; left: 0; background: #80ad1f; 
		position: absolute; }*/
	
	
	.cmenu { width: 100%; height: 80px; position: relative;
		text-align: center; /*padding-top: 48px;*/ /*margin-bottom: 125px;*/ }
	/*.cmenu:before { content: ""; width: 100%; height: 15px; position: absolute; top:0; left: 0; 
		border-top: #e2e2e2 1px solid; background: #f2f2f2; }*/
	.cmenu ul { text-align: center; height: 80px; width: 1200px;
		margin: 0 auto; }
	.cmenu li { display: inline-block; margin-right: 8px; }
	.cmenu li:last-child { margin-right: 0; }
	/*.cmenu li:first-child { border-left: #e0e0e0 1px solid; }*/
	.cmenu li a { display: block; height: 80px; position: relative; font-size: 14px; line-height: 80px;
		background: #ffffff; border-radius: 40px; }
	.cmenu li a.l2 { padding-top: 17px; line-height: 18px; }
	.cmenu li a:after { content: "\f107"; font-family: FontAwesome; position: absolute; color: #466a08;
		bottom: 14px; left: 50%; margin-left: -7px; line-height: 18px;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	.cmenu li a:hover { opacity: 1; }
	.cmenu li a:hover:after { bottom: 10px; }
	/*.cmenu li a span { font-size: 10px; color: #80ad1f; }*/
	

	/*section .bx-wrapper .bx-viewport { left:0; }*/
	/*cb...color box*/
	.cb { background: url("../images/bg_main2.jpg") repeat; }
	/*.cb2 { background: #F4F1E9; border-top: #E8E3D3 10px solid; margin: 80px 0 0; }*/
	/*bb...border bottom*/
	/*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 15px; margin-bottom: 70px; }*/

	.cbtn { font-size: 14px; border-top: #4f682c 1px dashed; border-bottom: #4f682c 1px dashed;
		color: #466a08; display: block; text-align: left; line-height: 38px;
		 width: 270px; height: 38px;
		 background: url("../images/arrow_g.svg") 240px center no-repeat; }
	
	.cbtn:hover { opacity: 1; background-position: 245px center; }

	.cbtn2 { font-size: 14px; display: block; text-align: left; color: #ffffff;
		width: 300px; height: 40px; line-height: 40px; border-radius: 5px; padding-left: 15px;
		background: url("../images/arrow_w.svg") 255px center no-repeat #355e0d; }
	.cbtn2:hover { opacity: 1; color: #ffffff; 
		background: url("../images/arrow_w.svg") 260px center no-repeat #264407; }


	table.ctable { border-collapse: collapse; width: 100%; border-top: #e1d5c6 1px solid; }
	table.ctable th,table.ctable td { border-bottom: #e1d5c6 1px solid; height: 42px; 
		line-height: 42px; text-align: left; font-size: 14px; }
	table.ctable td { padding-left: 15px; }
	table.ctable th { background: url("../images/bg_main2.jpg") repeat; width: 120px; text-align: center; }
	table.ctable th.long { vertical-align: middle; }
	table.ctable td.long { line-height: 24px; padding: 12px 15px; }

	ul.cul li { font-size: 14px; line-height: 26px; }
	ul.cul li:before { content: "●"; color: #355e0d; font-size: 14px; padding-right: 5px; }

	/*cdl...common dl*/
	.cdl { width: 100%; border-top: #e0e0e0 2px solid; font-size: 16px;
		 }
	.cdl dt { text-align: center; border-bottom: #e0e0e0 1px solid; float: left; background: #eeeeee; height: 40px; 
		line-height: 40px; border-top: #eeeeee 2px solid; text-align: left; padding-left: 15px; }
	.cdl dt:first-child { border-top: #80ad1f 2px solid; } 
	.cdl dd { border-bottom: #e0e0e0 1px solid; float: left;height: 40px; line-height: 40px; 
		border-top: #ffffff 2px solid; text-align: left; padding-left: 15px; }
	.cdl dt.l2 { height: 65px; }
	.cdl dd.l2 { height: 65px; line-height: 26px; padding-top: 8px; }
	.cdl dt.l3 { height: 90px; line-height: 90px; }
	.cdl dd.l3 { height: 90px; line-height: 26px; padding-top: 8px; }
	.cdl dt.l4 { height: 125px; line-height: 125px; }
	.cdl dd.l4 { height: 125px; line-height: 26px; padding-top: 10px; }
	.cdl dt.l5 { height: 145px; line-height: 145px; }
	.cdl dd.l5 { height: 145px; line-height: 26px; padding-top: 5px; }
	.cdl dt.l6 { height: 200px; line-height: 199px; }
	.cdl dd.l6 { height: 200px; line-height: 26px; padding-top: 26px; }

	ul.bn { text-align: center; margin: 60px auto 110px; }
	ul.bn li { float: left; }
	ul.bn li:last-child { float: right; }
	ul.bn li img { width: 550px; }

/*	.slide_wrp { max-width: 100%; min-width: 960px; overflow: hidden; position: relative; height: 540px; }
	.slide { position: absolute; top: 0; left: 50%; margin-left: -1495px; height: 540px; width: 3040px; }
	.slide img { width: 960px; }
	.slide_wrp .slick-prev,.slide_wrp .slick-next { width: 30px; height: 30px; border-radius: 15px;
	z-index: 5; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; 
	-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); 
	cursor: pointer; color: transparent; border: none; outline: none;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	.slide_wrp .slick-prev { left: 973px; 
		background: url("../images/rooms/icon_prev.svg") center center no-repeat #ffffff; }
	.slide_wrp .slick-prev:hover { 
		background: url("../images/rooms/icon_prev.svg") center center no-repeat #dcd300;  }
	.slide_wrp .slick-next { right: 1023px; 
		background: url("../images/rooms/icon_next.svg") center center no-repeat #ffffff; }
	.slide_wrp .slick-next:hover { 
		background: url("../images/rooms/icon_next.svg") center center no-repeat #dcd300;  }
	.slide_wrp:before { content: ""; position: absolute; width: 960px; height: 540px; top:0; left:50%; 
		margin-left: -1495px; background: rgba(0,0,0,0.4); z-index: 10 }
	.slide_wrp:after { content: ""; position: absolute; width: 960px; height: 540px; top:0; left:50%; 
		margin-left: 534px; background: rgba(0,0,0,0.4); z-index: 10 }
*/