body{
	font-family: YuMincho,'Yu Mincho',serif;
    overflow-x: hidden;
}
body.locked{
	overflow: hidden;
}
img {
    width: 100%;
}

a {
    text-decoration: none;
    color: #000;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 2px 10px;
    border: 1px solid #000;
    line-height: 1;
    height: auto;
    margin: auto 0px;
    cursor: pointer;
}
.serif{ font-family: YuMincho,'Yu Mincho',serif; }
.sans-serif{ font-family: YuGothic,'Yu Gothic',sans-serif; }

.darkLayer {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #0009;
    top: 0;
    left: 0;
    z-index: 1000;
    cursor: pointer;
}


.sp{display: none!important;}

@media screen and (max-width: 768px){
	.sp{display: block!important;}
	.pc{display: none!important;}
}




/* 画面外にいる状態 */
.fadeIn {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 1000ms;
}
.slideDown{
    opacity : 0.1;
    transform : translate(0, -50px);
    transition : all 1000ms;
}
.slideR {
    opacity : 0.1;
    transform : translate(50px, 0);
    transition : all 1000ms;
}
.slideL {
    opacity : 0.1;
    transform : translate(-50px, 0);
    transition : all 1000ms;
}
.popup{
    opacity : 0.1;
    transform: scale(.95);
    transition : all 2000ms;    
}
/* 画面内に入った状態 */
.fadeIn.scrollin,
.slideR.scrollin,
.slideL.scrollin,
.slideDown.scrollin,
.popup.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}