@charset "utf-8";
/*delighter*/
/*common*/
.js-delighter p{
-webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
        transform: translateY(20px);
opacity: 0;
transition: all .8s ease-out;
}
.js-delighter.js-started p{
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
opacity: 1;
}
.js-delighter.js-started p:nth-child(1) {
transition: all .8s ease-out .1s; 
}
.js-delighter.js-started p:nth-child(2) {
transition: all .8s ease-out .3s; 
}
.js-delighter.js-started p:nth-child(3) {
transition: all .8s ease-out .5s; 
}
.js-delighter.js-started p:nth-child(4) {
transition: all .8s ease-out .7s; 
}
.js-delighter.js-started p:nth-child(5) {
transition: all .8s ease-out .9s; 
}
.js-delighter li{
-webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
        transform: translateY(30px);
opacity: 0;
transition: all .75s ease-out;
}
.js-delighter.js-started li{
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
opacity: 1;
}
.js-delighter.js-started li:nth-child(1) {
transition: all .7s ease-out .1s; 
}
.js-delighter.js-started li:nth-child(2) {
transition: all .7s ease-out .3s; 
}
.js-delighter.js-started li:nth-child(3) {
transition: all .7s ease-out .5s; 
}
.js-delighter.js-started li:nth-child(4) {
transition: all .7s ease-out .7s; 
}
.js-delighter.js-started li:nth-child(5) {
transition: all .7s ease-out .9s; 
}
.js-delighter.js-started li:nth-child(6) {
transition: all .7s ease-out 1.1s; 
}
.js-delighter.js-started li:nth-child(7) {
transition: all .7s ease-out 1.3s; 
}
.js-delighter.js-started li:nth-child(8) {
transition: all .7s ease-out 1.5s; 
}
.js-delighter.js-started li:nth-child(9) {
transition: all .7s ease-out 1.7s; 
}
.js-delighter.js-started li:nth-child(10) {
transition: all .7s ease-out 1.9s; 
}
.hero.js-delighter{
transition: all 2s ease-out;
opacity: 0;
}
.hero.js-delighter.js-started{
opacity: 1;
}
.foo-main.js-delighter{
-webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
        transform: translateY(30px);
opacity: 0;
transition: all .75s ease-out;
}
.foo-main.js-delighter.js-started{
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
opacity: 1;
}
/*top*/
.ttl-area.js-delighter{
-webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
        transform: translateY(30px);
opacity: 0;
-webkit-transition: all .7s ease-out;
-o-transition: all .7s ease-out;
transition: all .7s ease-out;
}
.ttl-area.js-delighter.js-started{
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
opacity: 1;
}
.slideArea.js-delighter{
opacity: 0;
transition: all 2s ease-out;
}
.slideArea.js-delighter.js-started{
opacity: 1;
}
.his_thumb.js-delighter{
opacity: 0;
transition: all 1.5s ease-out;
}
.his_thumb.js-delighter.js-started{
opacity: 1;
}
.his_txt.js-delighter{
opacity: 0;
transition: all 2.5s ease-out;
}
.his_txt.js-delighter.js-started{
opacity: 1;
}
.prodact-img.js-delighter{
opacity: 0;
transition: all 1s ease-out;
}
.prodact-img.js-delighter.js-started{
opacity: 1;
}
.p_img.js-delighter{
-webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
        transform: translateY(30px);
opacity: 0;
transition: all .75s ease-out;
}
.p_img.js-delighter.js-started{
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
opacity: 1;
}
.p-int_thumb.js-delighter{
-webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
        transform: translateY(30px);
opacity: 0;
transition: all .75s ease-out;
}
.p-int_thumb.js-delighter.js-started{
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
opacity: 1;
}
.p-int_logo.js-delighter{
-webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
        transform: translateY(30px);
opacity: 0;
transition: all 1s ease-out;
}
.p-int_logo.js-delighter.js-started{
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
opacity: 1;
}
.p-int_desc.js-delighter{
-webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
        transform: translateY(30px);
opacity: 0;
transition: all 2s ease-out;
}
.p-int_desc.js-delighter.js-started{
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
opacity: 1;
}
@media screen and (max-width: 560px){
}

@media screen and (min-width: 561px) {
}

@media (min-width:561px) and (max-width:959px){
}

@media screen and (max-width: 960px){
}

@media screen and (min-width: 961px){
.his_thumb.js-delighter{
-webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
        transform: translateX(-100%);
}
.his_thumb.js-delighter.js-started{
-webkit-transform: translateX(0);
    -ms-transform: translateX(0);
        transform: translateX(0);
}
.his_txt.js-delighter{
right: -100%;
}
.his_txt.js-delighter.js-started{
right: 0;
}
}

@media (min-width:960px) and (max-width:1280px){
}

@media screen and (min-width: 1281px){
}