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

.content {
	width: 100%;
	max-width: 750px;
	padding-bottom: 10px;
}
#main .cosme-navi {
	margin-top: 5%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/bg.jpg?20241008);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-bottom: 5%;
	/* [disabled]text-align: center; */
	background-size: 100% auto;
}
.cosme-navi .main-copy {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.cosme-navi .copy {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    margin-top: 5%;
    margin-bottom: 8%;
}
.cosme-navi .btn01,
.cosme-navi .btn02,
.cosme-navi .btn03,
.cosme-navi .btn04,
.cosme-navi .btn05{
    margin-top: 5%;
    margin-bottom: 5%;
}

@media screen and (max-width: 480px){ /*480px以下のcss*/

}
.cosme-navi .btn01 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.cosme-navi .btn02 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.cosme-navi .btn03 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.cosme-navi .btn04 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.cosme-navi .btn05 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}



#main .main-visual{ position: relative; overflow: hidden; }
#main .main-visual img{ width: 100%; height: auto; }
#main .main-visual .deco{ position: absolute; left: 0; top: 0; }
#main .main-visual .deco01{ width: 20.8%; margin: -10% 0 0 6%; }
#main .main-visual .deco02{ width: 18.1333%; margin: -3.4666% 0 0 26.8%; }
#main .main-visual .deco03{ width: 12.8%; margin: -3.3333% 0 0 45.3333%; }
#main .main-visual .deco04{ width: 19.0667%; margin: -5.3333% 0 0 62.5333%; }
#main .main-visual .deco05{ width: 22.5333%; margin: -5.7333% 0 0 79.0666%; }
#main .main-visual .ttl{ width: 78.8874%; padding-top: 15.7003%; position: absolute; left: 0; top: 0; margin: 36.6722% 0 0 10.5838%; }
#main .main-visual .ttl .fill,
#main .main-visual .ttl .base{ mask: url(../image/main/t01.svg) center center no-repeat; -webkit-mask: url(../image/main/t01.svg) center center no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
#main .main-visual .ttl .fill{ z-index: 20; overflow: hidden; }
#main .main-visual .ttl .fill::before{ content: ""; position: absolute; left: 0; top: 0; width: 200%; height: 100%; background: linear-gradient(to right, #fbcf00 0%, #fffcd1 12.5%, #cda63e 30%, #f3e18b 44%, #fffcd1 50%, rgba(255,255,255,0) 100%); }
#main .main-visual .ttl .base{ z-index: 15; background: #ffffff; }
#main .main-visual .ttl .shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transform: translate(1px,1px); }
#main .main-visual .date{ width: 38.1346%; position: absolute; left: 0; top: 0; margin: 56.9774% 0 0 30.7918%; }
#main .main-visual .snow-area{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#main .main-visual .snow-area .snow{ position: absolute; left: 0; top: 0; line-height: 0; }
#main .main-visual .snow-area .snow img{ transform: translate(-50%,-50%); }

#main .main-visual .deco{ transform: translateY(-100%); }
#main .main-visual.show .deco{ transform: translateY(0); transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
#main .main-visual.show .deco02{ transition-delay: 0.1s; }
#main .main-visual.show .deco03{ transition-delay: 0.2s; }
#main .main-visual.show .deco04{ transition-delay: 0.3s; }
#main .main-visual.show .deco05{ transition-delay: 0.4s; }
#main .main-visual .ttl .fill::before{ transform: translateX(-100%); }
#main .main-visual.show .ttl .fill::before{ transform: translateX(0); transition: transform 1.5s ease; transition-delay: 1.2s; }
#main .main-visual .ttl .base{ opacity: 0; }
#main .main-visual .ttl .shadow{ opacity: 0; }
#main .main-visual.show .ttl .base{ opacity: 1; transition: opacity 1.5s; transition-delay: 1.2s; }
#main .main-visual.show .ttl .shadow{ opacity: 0.75; transition: opacity 1.5s; transition-delay: 1.2s; }
#main .main-visual .date{ opacity: 0; }
#main .main-visual.show .date{ opacity: 1; transition: opacity 1s; transition-delay: 2s; }