@charset "utf-8";
/* CSS Document */
/*fakeloader*/
#fakeloader{
	z-index: 9999;
}
#fakeloader .fl{
    animation-name: loader;
    animation-duration: 4s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 30%!important;
	max-width: 500px!important;
}
@keyframes loader {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

/*page_top*/
.return::before, .return::after {
    background-color: #b79d53;
}
.return::before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 1px;
    position: absolute;
    top: -120px;
    left: -14px;
    margin: auto;
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
    transition: all .3s;
}
.return::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 130px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.return a {
    transform: rotate(-90deg);
    width: 130px;
    bottom: 60px;
    left: -80px;
}
#return_top {
    position: fixed;
    right: 30px;
    z-index: 2!important;
}


/*IE*/
@media all and (-ms-high-contrast: none){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    #return_top {
    right: 10px;
}
   #fakeloader .fl{width: 50%!important;}
}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    #fakeloader .fl{width: 70%!important;}

}