/* CSS Document */
/*@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}*/
html,body { width: 100%; }
body {
	color: #232323;
	margin: 0 auto;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	background: url("../images/bg_head.jpg") repeat;
	-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; }
/*.rtban_box{ margin-bottom: 50px;}*/
.rtban_box{ width:730px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.rtban_box img {
	width: 100%;
	/*margin-bottom: 15px;*/
}

.mainw {
    width: 950px;
/*    left: 50%;*/
/*    margin-left: -410px;*/
    position: relative;
    margin: auto;
}

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; }

	#RthCustomizeW a,#RthCustomizeW a:link,#RthCustomizeW a,#RthCustomizeW  a:visited {
		color: #ffffff;
		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,.wrap a:link,.wrap a,.wrap a:visited {
		-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; }
	#RthCustomizeW { width: 950px; overflow: hidden; font-family: "Sawarabi Mincho"; }
	#RthCustomizeW a:hover { text-decoration: none; }
	.for_sp{display: none !important;}
	body { font-size: 14px; line-height: 16px; }
	.wrap { position: relative; }

	#fnav { height: 80px; width: 100%; /*position: fixed;*/ top:-80px; 
		background: url("../images/bg_head.jpg") repeat;
		 z-index: 5000; transition:0.3s; left: 0; font-family: "Sawarabi Mincho"; font-weight: bold; display:none; }
	#fnav.show { top:0; }
	/*#fnav_in { height: 55px; width: 100%; position: relative;
		z-index: 13000; }*/
	#fnav .mainw { position: relative; }
	#fnav .gnav { display: block; width: 950px; height: 30px; margin-top: 10px; margin-left: auto; margin-right: auto; }



	#gnav .gnav { display: block; height: 30px; margin-top: 10px; padding-left: 295px; }
	.gnav li { float: left; }
	/*.gnav li:nth-child(6):after,.gnav li:last-child:after { background: none; }*/
	.gnav li a { display: block;/* padding: 0 30px;*/ font-size: 16px; color: #231913;
		text-decoration: none; text-align: center; line-height: 30px; width: 134px; }
	#gnav li.tel { 
		width: 300px!important;
	    height: 42px!important;
	    background: url(https://mogamigawa-beni.sakura.ne.jp/ssl/rktn/group/images/tel.svg) left center #d69090;
	    background-position: left center;
	    background-repeat: no-repeat;
	    margin-bottom: 5px;
	}
	#gnav li.tel p { 
		margin-left: 50px;
	    color: #fff;
	    text-align: center;
	    padding: .5em;
	    font-size: 25px;
	}
	
	
	.gnav .btn_plan { background: #961c12; display: block; text-align: center; color: #ffffff; line-height: 30px;
		font-size: 16px; width: 130px; height: 30px; /*position: absolute; right: 0;*/ padding: 0 0; }
	
	.gnav .btn_plan:hover { background-color: #000000; opacity: 1; color: #ffffff; }
	.gnav .btn_plan:hover img { opacity: 1; }

	.subnav { width: 950px; text-align: right; /*padding-right: 15px;*/ /*margin-left: 295px;*/ margin-top: 5px; margin-left: auto; margin-right: auto; }
	.subnav li { display: inline-block; /*margin-right: 15px;*/ }
	.subnav li:last-child { margin-right: 0; }
	.subnav li a { color: #231913; }
	/*.subnav li a:before { content: "\f0da"; font-family: FontAwesome; color: #961c12; padding-right: 5px; }*/

	.bn_coupon { position: fixed; right: 0; top:200px; z-index: 5000;}

/*pagetop*/
	
	#RthCustomizeW .bn_coupon a.pagetop { text-align: center; display: block; width: 60px; height: 60px; 
		position: relative; border: #ccbba6 1px solid; padding-top: 30px;
		font-size: 14px; color: #231913; margin-top: 5px; color: #231913;
		background: url("../images/pagetop.png") center 13px no-repeat #ffffff; }
	#RthCustomizeW .bn_coupon a.pagetop:hover { background: url("../images/pagetop_on.png") center 13px no-repeat #961c12; 
		color: #ffffff; opacity: 1; }

	.slide_wrp_i { width: 100%; /*width: 950px;*/ height:600px; /*height: 460px;*/ overflow: hidden; position:relative; }
	.slide_wrp_i .bx-wrapper { width: 100%; height: 600px; }
	/*.slide_wrp_i .bx-wrapper { margin: 0 auto; width: 950px; height: 460px; }*/
	.slide_wrp_i .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; height: 460px; }
/*	.slide_wrp_i { width: 950px; overflow: hidden; height: 460px; margin: 0 auto;}*/
	.slide_wrp_i:before, .slide_wrp_i:after { background: none; }
	.slide_wrp_i .slide_i { width: 100%; height: 100%; position: relative; top:auto; left:auto; margin-left: 0; }
	.slide_i li img { width: 100%; height:600px; }
	.slide_i li .cc { position: absolute; top: 50%; /*left: 50%; transform:translate(-50%);*/ width:100%; text-align:center; }
	.slide_wrp_i .cc span {
	    font-family: "Sawarabi Mincho", serif;
	    font-size: 28px;
	    letter-spacing: 5px;
	    color: #FFF;
	    text-shadow: 1px 1px 10px rgba(0,0,0,.3),1px 1px 15px rgba(0,0,0,.3),1px 1px 20px rgba(0,0,0,.3),
	                -1px 1px 10px rgba(0,0,0,.3),-1px 1px 15px rgba(0,0,0,.3),-1px 1px 20px rgba(0,0,0,.3),
	                1px -1px 10px  rgba(0,0,0,.3),1px -1px 15px rgba(0,0,0,.3),1px -1px 20px rgba(0,0,0,.3),
	                -1px -1px 10px rgba(0,0,0,.3),-1px -1px 15px rgba(0,0,0,.3),-1px -1px 20px rgba(0,0,0,.3);
	    }

	#gnav { /*width: 950px;*/ height: 150px; position: relative; margin: 10px auto 30px; }
	#gnav h3 { float: left; }
	#gnav .gnav { position: absolute; right: 0; top:30px; padding-left: 0; }
	#gnav .gnav li a { width: auto; }
	#gnav .subnav { position: absolute; right: 0; top:70px; margin-left: 0; text-align: right;
		padding-right: 0; }
	#gnav .subnav li { vertical-align: top; }
	#gnav .subnav li:last-child { margin-right: 0; }
	#gnav .subnav li:last-child img { margin-top: 5px; }


	#att {
		width: 730px;
		border: solid 1px #8d6b26;
		padding: 25px 0 20px 0;
		margin: 0 auto 40px auto;
		background-color: #ffffff;
	}
	#att p { 
		text-align: center; 
		font-size: 13pt; 
		line-height: 1.7; 
		font-family: "Sawarabi Mincho"; 
	}


	.bns { text-align: center; }
	/*.bns a { color: #b22222; text-decoration: none; }*/
	#RthCustomizeW .bns a,#RthCustomizeW .bns a:link,#RthCustomizeW .bns a,#RthCustomizeW .bns a:visited { color: #b22222; text-decoration: none; }
	.bns a p { text-align: center; padding: 10px 0 40px; }

	#menu { width: 950px; height: 600px; position: relative; margin: 0 auto;}
	#menu li { position: absolute; text-align: center; }

	#menu li a { display: block; width: 100%; height: 100%; transition:2s; position: relative; overflow: hidden; }
	#menu li a:hover,#menu li a:hover img { opacity: 1; }
	#menu li a::after {
	    content: "";
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-size: cover;    
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 5;
	    -webkit-transition: 0.8s ease-in-out;
	    -moz-transition: 0.8s ease-in-out;
	    -o-transition: 0.8s ease-in-out;
	    transition: 0.8s ease-in-out;
	}
	#menu li a img {
	    position: relative;
	    z-index: 15;
	}

	#menu li a:hover::after {
	    transform: scale(1.1);
	}

	#menu li a .arrow { position: absolute; bottom: -25px; right: -25px; }
	#menu li a:hover .arrow { bottom: -30px; }
	#menu li:first-child { width: 589px; height: 399px;  top:0; left: 0; }
	#menu li:first-child a { /*background: url("../images/menu01.jpg") center center no-repeat; 
		background-size: 589px auto;*/ padding-top: 98px; }
	#menu li:first-child a::after { background: url("../images/menu01.jpg") center center no-repeat; }
	/*#menu li:first-child a:hover { background-size: 700px auto; }*/
	#menu li:nth-child(2) { width: 295px; height: 200px;  bottom:0; left: 0; }
	#menu li:nth-child(2) a { /*background: url("../images/menu02.jpg") center center no-repeat; 
		background-size: 295px auto;*/ padding-top: -10px; }
	#menu li:nth-child(2) a::after { background: url("../images/menu02.jpg") center center no-repeat; }
	/*#menu li:nth-child(2) a:hover { background-size: 370px auto; }*/
	#menu li:nth-child(3) { width: 293px; height: 200px;  bottom:0; left: 296px; }
	#menu li:nth-child(3) a { /*background: url("../images/menu03.jpg") center center no-repeat; 
		background-size: 293px auto;*/ padding-top: -10px; }
	#menu li:nth-child(3) a::after { background: url("../images/menu03.jpg") center center no-repeat; }
	/*#menu li:nth-child(3) a:hover { background-size: 370px auto; }*/
	#menu li:nth-child(4) { width: 360px; height: 300px; top:0; right: 0; }
	#menu li:nth-child(4) a { /*background: url("../images/menu04.jpg") center center no-repeat; 
		background-size: 360px auto;*/ padding-top: 20px; }
	#menu li:nth-child(4) a::after { background: url("../images/menu04.jpg") center center no-repeat; }	
	/*#menu li:nth-child(4) a:hover { background-size: 450px auto; }*/
	#menu li:last-child { width: 360px; height: 299px;  bottom:0; right: 0; }
	#menu li:last-child a { /*background: url("../images/menu05.jpg") center center no-repeat; 
		background-size: 360px auto;*/ padding-top: 20px; }
	#menu li:last-child a::after { background: url("../images/menu05.jpg") center center no-repeat; }
	/*#menu li:last-child a:hover { background-size: 450px auto; }*/

	section#cuisine { width: 950px; padding-top: 110px; position: relative; margin: 0 auto;}
	section .ttl { position: relative; }
	section .ttl h4 { position: absolute; top:-35px; right: 95px; }
	section .ttl p { color: #961c12; text-align: center; margin: 40px 0;
		color: #961c12; font-size: 18px; line-height: 34px; }
	section .it { margin-bottom: 50px; }
	section .it p { font-size: 14px; line-height: 21px; width: 750px;
		margin-top: 13px; padding-left: 45px; }
	section .it p.txt_r { margin-left: 195px; padding-left: 0; }
	ul.clist { margin-left: 45px; margin-bottom: 30px; }
	ul.clist li { width: 271px; height: 230px; float: left; margin-right: 20px; }
	ul.clist li p { margin-top: 10px; font-size: 16px; }

	a.cbtn { display: block; width: 340px; height: 40px; line-height: 40px; text-align: center;
		color: #ffffff; font-size: 14px; margin: 0 auto 60px;
		background: url("../images/icon_arrow.png") right 15px center no-repeat #961c12; }
	a.bnLong { width: 460px; }
	a.cbtn:hover { background: url("../images/icon_arrow.png") right 10px center no-repeat #000000;
		opacity: 1; }
	a.cbtn.last { margin: 0 auto; }

	.voice { width: 950px; height: 654px; background: url("../images/bg_voice.jpg") left top no-repeat;
		padding-top: 90px; }
	.voice h4 { text-align: center; font-size: 24px; padding-bottom: 30px; line-height: 24px;
		background: url("../images/icon_ttl.png") center bottom no-repeat; margin-bottom: 20px; }
	.voice h4 span { color: #961c12; font-size: 14px; }
	.voice ul { margin-left: 45px; }
	.voice ul li { width: 280px; height: 298px; float: left; margin-right: 8px; background: #ffffff;
		padding: 25px; }
	.voice ul li img { margin-bottom: 15px; }
	.voice ul li p { font-size: 14px; line-height: 24px; }
	#RthCustomizeW .voice ul li a { display: block; width: 220px; height: 34px; line-height: 32px;
		text-align: center; color: #961c12;  border: #961c12 1px solid; margin-top: 15px;
		background: url("../images/icon_arrow_r.png") right 15px center no-repeat; }
	#RthCustomizeW .voice ul li a:hover { opacity: 1; color: #ffffff;
		background: url("../images/icon_arrow.png") right 10px center no-repeat #961c12; }

	section#hotspring { width: 950px; padding-top: 110px; /*margin-top: -110px;*/ margin:-110px auto 0;}
	.hslist li { text-align: center; margin-bottom: 25px; }
	.hstable { width: 860px; margin-right: auto; margin-left: auto ; margin-bottom: 65px; border-top: 1px solid #CCBBA6; }
	.hstable th { font-weight: normal; width: 190px; padding: 10px 20px; border-bottom: 1px solid #CCBBA6; text-align: left; }
	.hstable td { padding: 10px 20px; border-bottom: 1px solid #CCBBA6; }
	
	.rentalbath h4 { text-align: center; font-size: 24px; padding-bottom: 30px; line-height: 24px;
					background: url("../images/icon_ttl.png") center bottom no-repeat; margin-bottom: 20px; }
	.rentalbath p { text-align: center; margin-bottom: 25px; }
	.rentalbath .left { float: left; }
	.rentalbath .right { float: right; }

	section#rooms_type { width: 950px; padding-top: 110px; /*margin-top: -110px;*/ margin:-110px auto 0;}
	.rlist { width: 860px; margin: 0 auto 40px; }
	.rlist li { float: left; }
	.amenity { width: 860px; margin: auto; padding: 30px 55px; background-color: #E7E0D0; }
	.amenity h4 { text-align: center; font-size: 18px; margin-bottom: 20px; font-weight: normal; }
	.amenity .amelist li { float: left; width: 250px; margin-bottom: 5px; }
	.amenity .amelist li::before { content: "♦ "; color:#961C12; }

	section#facilities { width: 950px; padding-top: 110px;/* margin-top: -110px; margin-bottom: 80px; */margin:-110px auto 80px;}
	#facilities .faclist { width: 860px; height: 620px; margin: 0 auto; position: relative; }
	#facilities .faclist li { position: absolute; }
	#facilities .faclist li img { margin-bottom: 5px; }
	#facilities .faclist li:nth-child(1) { width: 580px; top: 0; left: 0; }
	#facilities .faclist li:nth-child(2) { width: 271px; top: 416px; left: 0; }
	#facilities .faclist li:nth-child(3) { width: 271px; top: 416px; left: 294px; }
	#facilities .faclist li:nth-child(4) { width: 250px; top: 0; right: 0; }
	#facilities .faclist li:nth-child(5) { width: 250px; top: 210px; right: 0; }
	#facilities .faclist li:nth-child(6) { width: 271px; top: 416px; right: 0; }

	section#access { width: 950px; padding-top: 110px; /*margin-top: -110px;*/ margin:-110px auto 0;}
	#access h4.acttl { text-align: center; font-size: 24px; padding-bottom: 30px; line-height: 24px;
					background: url("../images/icon_ttl.png") center bottom no-repeat; margin-bottom: 20px; }
	#access .acroot { text-align: center; margin-bottom: 90px; }
	#access .acroot2 { margin-bottom: 30px; }
	#access .bus { width: 780px; margin: auto; background-color: #E7E0D0; padding: 20px; position: relative; margin-bottom: 30px; }
	#access .bus::before { content: ""; display: block; width: 24px; height: 24px; position: absolute; 
							background: url("../images/bg_triangle.png") center center no-repeat; top: -24px; right: 105px; }
	#access .bus .busimg { float: left; margin-right: 20px; }
	#access .bus .bustxt { float: left; }
	#access .bus .bustxt h5 { font-size: 20px; font-weight: normal; color: #607E60; margin-bottom: 15px; }
	#access .bus .bustxt p { font-size: 14px; }
	#access .bus .bustxt p.bustel { background: url("../images/icon_tel.png") left center no-repeat; padding-left: 20px; font-size: 20px; line-height: 36px; }


	.recommend { width: 950px; border-top: solid 1px #CCBBA6;padding-top: 90px; }
	.recommend h4 { text-align: center; font-size: 24px; padding-bottom: 30px; line-height: 24px;
		background: url("../images/icon_ttl.png") center bottom no-repeat; margin-bottom: 20px; }

	.plan_wrap { width: 950px; margin: 0 auto 40px; }
	.plan_wrap h5 { background: url("../images/bg_border_l.png") left center no-repeat; padding-left: 15px; font-size: 20px; line-height: 23px; 
					font-weight: normal; margin-bottom: 10px; }
	.boxPlan {
		width:300px;
		margin-right: 25px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		background-color: #6D1E1A;
		color: #FFFFFF;
		border-bottom: 1px solid #d1d1d1;
	}
	.boxPlan img {
		width: 300px;
		height: 191px;
		object-fit: cover;
	}
	.boxPlan.last {
		margin-right:0;
	}
	.boxPlan p.planName {
		margin-top: 15px;
		font-size: 90%;
		line-height: 1.5;
		min-height: 70px;
		padding:0 10px 5px;
	}
	.boxPlan a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		background-color: rgba(255,255,255,0);
		transition: 0.2s;
	}
	.boxPlan a:hover {
		background-color: rgba(255,255,255,0.5);
	}
	#rplan .bnlist { width: 660px; margin: 20px auto 0; }
	#rplan .bnlist li { float: left; margin-right: 18px; }
	#rplan .bnlist li:last-child { margin-right: 0; }

	footer { width: 100%; margin-top: 80px;  }
	footer .footerwrap { width: 950px; margin: auto; position: relative; border-top: solid 1px #CCBBA6; padding-top: 30px; }
	footer .footerwrap .foot_totop { min-width: 150px; height: 15px; position: absolute; right: 0; top: -25px; }
	#RthCustomizeW footer .footerwrap .foot_totop a { display: block; min-width: 150px; height: 15px; line-height: 15px; color: #231913;
														background: url("../images/pagetop.png") right center no-repeat;  }
	#RthCustomizeW footer .footerwrap .foot_totop a:link , #RthCustomizeW footer .footerwrap .foot_totop a:visited { color: #231913; }
	footer .footerwrap .foot_logo_add { margin-bottom: 15px; }
	footer .footerwrap .foot_logo_add .foot_logo { width: 254px; float: left; margin-left: 200px; margin-right: 15px; }
	footer .footerwrap .foot_logo_add .foot_add { float: left; }
	.foot_add  address { font-style: normal; }
	.foot_add  address p { line-height: 1.8; }
	footer .footerwrap .foot_conqr { margin-bottom: 30px; }
	footer .footerwrap .foot_conqr li { float: left; margin-right: 19px; height: 61px; }
	footer .footerwrap .foot_conqr li:nth-child(2) a { width: 270px; height: 61px; line-height: 61px; }
	footer .footerwrap .foot_conqr li:last-child { margin-right: 0; }

	footer .footerwrap .foot_conqr li.tel {
		width: 316px;
		line-height: 1.5;
		background: url(https://mogamigawa-beni.sakura.ne.jp/ssl/rktn/group/images/tel.svg) left center #d69090;
	    background-position: left center;
	    background-repeat: no-repeat;
	    margin-bottom: 5px;
	}
	footer .footerwrap .foot_conqr li.tel p {
		margin-left: 50px;
	    color: #fff;
	    text-align: center;
	    padding: .5em;
	    font-size: 25px;
		}

  .foot_conqr {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		flex-wrap: wrap;
	}

	.foot_conqr li {
		margin-bottom: 1rem;
	}

	.foot_conqr li:first-child {
		margin-top: 1.5rem;
	}

	.foot_conqr li:nth-child(2) {
		margin-left: 1.5rem;
	}

	.foot_conqr li:nth-child(3) img {
		display: block;
		width: 560px;
		height: auto;
	}

	footer .footerwrap .foot_grlink { background-color: #E7E0D0; padding: 30px 60px 0; }
	footer .footerwrap .foot_grlink h4 { text-align: center; font-weight: normal; font-size: 20px; color: #961C12; margin-bottom: 20px; }
	footer .footerwrap .foot_grlink .grlink { width: 270px; float: left; margin-right : 10px; }
	footer .footerwrap .foot_grlink .grlink:nth-child(3) { margin-right :0; }
	footer .footerwrap .foot_grlink .grlink dl { margin-bottom: 30px; }
	footer .footerwrap .foot_grlink .grlink dt { font-size: 16px; margin-bottom: 10px; }
	footer .footerwrap .foot_grlink .grlink dd { padding-left: 1.2em; position: relative; margin-bottom: 5px; }
	footer .footerwrap .foot_grlink .grlink dd::before { content: "- "; color: #961C12; position: absolute; left: 0; }
	#RthCustomizeW footer .footerwrap .foot_grlink .grlink dd a { color: #231913; }
	#RthCustomizeW footer .footerwrap .foot_grlink .grlink dd a:link , #RthCustomizeW footer .footerwrap .foot_grlink .grlink dd a:visited { color: #231913; }

	@-moz-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }