@charset "UTF-8";

/*------------------------------------------------------------------------------
	Kunouzan Toshogu - Scroll CSS
	URL: http://www.toshogu.or.jp/
	Date: 2016-11-01
	Copyright© 2016 Kunouzan Toshogu All Rights Reserved.
------------------------------------------------------------------------------*/


#mv a {
    padding-top: 60px;
}
#mv a {
    bottom: 60px;
    color: #fff;
    display: inline-block;
    font: 400 20px/1 "Josefin Sans",sans-serif;
    left: 50%;
    letter-spacing: 0.1em;
    position: absolute;
    text-decoration: none;
    transform: translate(0px, -50%);
    transition: opacity 0.3s ease 0s;
    z-index: 99;
}
#mv a span::before {
    animation: 3s ease 0s normal none infinite running sdb03;
    border-radius: 100%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    content: "";
    height: 44px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 44px;
    z-index: -1;
}
#mv a span::after {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    box-sizing: border-box;
    content: "";
    height: 16px;
    left: 50%;
    margin: -12px 0 0 -8px;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    width: 16px;
}
#mv a span {
    border: 3px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
    height: 46px;
    left: 50%;
    margin-left: -23px;
    position: absolute;
    top: 0;
    width: 46px;
}
@-webkit-keyframes sdb {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	60% {
		box-shadow: 0 0 0 60px rgba(255,255,255,1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	60% {
		box-shadow: 0 0 0 60px rgba(255,255,255,1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}