@charset "utf-8";
/* CSS Document */
html,body,p,div{margin:0;padding:0;}


.concept_txt{width:100%;height:100%;background-color:rgba(0,0,0,0.75);color:#fff;}

/*.content_title{font-family: 'Sawarabi Mincho', sans-serif;text-align:center;font-size:24px;color:#8B7C48;padding-top:80px;padding-bottom:25px;}

.title_txt{font-family: 'Sawarabi Mincho', sans-serif;text-align:center;font-size:28px;color:#fff;padding-top:60px;padding-bottom:30px;}*/

.delay10{animation-delay: 1s}
.delay15{animation-delay: 1.5s}
.delay20{animation-delay: 2s}
.delay25{animation-delay: 2.5s}
.delay30{animation-delay: 3s}
.delay35{animation-delay: 3.5s}
.delay40{animation-delay: 4s}
.delay45{animation-delay: 4.5s}
.delay50{animation-delay: 5s}


.duration10{animation-duration: 1s}
.duration15{animation-duration: 1.5s}
.duration20{animation-duration: 2s}
.duration25{animation-duration: 2.5s}
.duration30{animation-duration: 3s}
.duration35{animation-duration: 3.5s}
.duration40{animation-duration: 4s}
.duration45{animation-duration: 4.5s}
.duration50{animation-duration: 5s}


.mv_box img{object-fit: contain;}


.messagebox01{
    opacity:0;
	text-align: center;
    animation-name:fadein-fadeout;
    animation-duration:5.2s;
}

.mvtxt_01{
    opacity:0;
	text-align: center;
    animation-name:fadein-fadeout_txt;
    animation-duration:5.2s;
}

.messagebox02{
    opacity:0;
	text-align: center;
    animation-name:fadein-fadeout2;
    animation-duration:10.4s;
}


.messagebox03{
    opacity:0;
	text-align: center;
    animation-name:fadein-fadeout3;
    animation-duration:16s;
}


.messagebox01_tab{
    opacity:0;
    animation-name:fadein-fadeout_tab;
    animation-duration:5.2s;
}

.messagebox02_tab{
    opacity:0;
    animation-name:fadein-fadeout2_tab;
    animation-duration:10.4s;
}


.messagebox03_tab{
    opacity:0;
    animation-name:fadein-fadeout3_tab;
    animation-duration:16s;
}




#vegas{
    animation-name:mvfadeout;
animation-duration:37s;
}

#maincontents{
animation-name:mainfadein;
animation-duration:10s;
}


@keyframes animation-sample{
    0%{width: 0;}
    100%{width: 100%;}
}

@keyframes fadein-fadeout{
    0%{opacity:0;width:40%;}
    25%{opacity:1;width:30%;}
    85%{opacity:1;width:30%;}
    100%{opacity:0;width:30%;}
}

@keyframes fadein-fadeout_txt{
	0%{opacity:0;}
    65%{opacity:1;}
    85%{opacity:1;}
    100%{opacity:0;}
}


@keyframes fadein-fadeout2{
    0%{opacity:0;width:50%;}
    55%{opacity:0;width:50%;}
    60%{width:50%;}
    65%{opacity:1;}
    90%{opacity:1;width:50%;}
    100%{opacity:0;width:50%;}
}

@keyframes fadein-fadeout3{
    0%{opacity:0;width:32%;}
    70%{opacity:0;width:32%;}
    82%{opacity:1;width:32%;}
	98%{opacity:1;width:32%;}
    100%{opacity:0;width:32%;}
}


@keyframes fadein-fadeout_tab{
    0%{opacity:0;width:50%;}
    25%{opacity:1;width:45%;}
    85%{opacity:1;width:45%;}
    100%{opacity:0;width:45%;}
}


@keyframes fadein-fadeout2_tab{
    0%{opacity:0;width:65%;}
    55%{opacity:0;width:65%;}
    60%{width:65%;}
    65%{opacity:1;}
    90%{opacity:1;width:65%;}
    100%{opacity:0;width:65%;}
}

@keyframes fadein-fadeout3_tab{
    0%{opacity:0;width:40%;}
    70%{opacity:0;width:40%;}
    82%{opacity:1;width:40%;}
	98%{opacity:1;width:40%;}
    100%{opacity:0;width:40%;}
}



@keyframes mvfadeout{
    0%{opacity:1;}
    95%{opacity:1;}
    100%{opacity:0;display:none;}
}

@keyframes mainfadein{
    0%{opacity:0;display:none;}
    5%{opacity:1;display:block;}
}