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

body {
	margin:0;
	padding:0;
}

body img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto;
}

.link_btn {
	margin:10px 0 10px 0;
	display: block;
}

.disp_pc {
	display: block;
}

.disp_sp {
	display: none;
}


@media screen and (max-width: 640px) {
.disp_pc {
   display: none;
}
.disp_sp {
   display: block;
}

}


@keyframes shiny {
    0% { left: -20%; }
    10% { left: 120%; }
    100% { left: 120%; }
}

.shiny-btn {
    position: relative;
    display: block;
    overflow: hidden;
}

.shiny-btn::after {
    content: '';
    position: absolute;
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}