@charset "UTF-8";
/* CSS Document */

a.back-to-top {
    display: none;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right:5px;
    bottom: 70px;
    background-repeat: no-repeat;
    background-position: center 43%;
    background-image: url(../image/icon/graphicicon/arrow.svg);
    background-color: rgba(111,82,77,0.40);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
a:hover.back-to-top {
	background-color: rgba(111,82,77,0.40);
}

@media (min-width:50px) and (max-width:320px) {
	a.back-to-top {
	visibility: hidden;
}
}
@media (min-width:321px) and (max-width:375px) {
	a.back-to-top {
	display: none;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 0px!important;
	bottom: 50px;
	background-repeat: no-repeat;
	background-position: center 43%;
	background-image: url(../image/icon/graphicicon/arrow.svg);
	background-color: rgba(111,82,77,0.40);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
}

@media (min-width:376px) and (max-width:991px) {
  a.back-to-top {
	display: none;
	width: 55px;
	height: 55px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 2px!important;
	bottom: 70px;
	background-repeat: no-repeat;
	background-position: center 43%;
	background-image: url(../image/icon/graphicicon/arrow.svg);
	background-color: rgba(111,82,77,0.40);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}  
}

@media (min-width:992px) and (max-width:1199px) {
  a.back-to-top {
	display: none;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 4px!important;
	bottom: 70px;
	background-repeat: no-repeat;
	background-position: center 43%;
	background-image: url(../image/icon/graphicicon/arrow.svg);
	background-color: rgba(111,82,77,0.40);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}  
}