@charset "utf-8";
@import url("vegas.min.css");





/*------------------------------------
mainVisual
------------------------------------*/ 
#mainVisual.index_mainVisual {    }
#mainVisual.index_mainVisual #slide,
#mainVisual.index_mainVisual #slide .vegas-content {
    height: var(--mainVisual_height_index);
}
#mainVisual.index_mainVisual #slide .vegas-timer {
    display: none;
}
#mainVisual.index_mainVisual #slide .vegas-content {
    background-color: rgba(79,30,72,0.49)
}
#murasakino svg.transition  {
    filter: blur(10px);
    -webkit-transition: 1.5s;
    transition: 1.5s;
}
#murasakino svg.transition.set_up  {
    filter: blur(0);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@media only screen and (max-width: 767px) {

:root {
  --mainVisual_height_index: 50rem;
}
#mainVisual.index_mainVisual #slide,
#mainVisual.index_mainVisual #slide .vegas-content {
    min-height: var(--mainVisual_height_index);
    height: 80vh;
}
#murasakino {
    width: 5rem;
}


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

}
@media print, screen and (min-width: 768px) {

:root {
  --mainVisual_height_index: 81.4rem;
}
#murasakino {
    width: 7.5rem;
    margin-bottom:  var(--header_height) ;
}

}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}



/*------------------------------------
header
------------------------------------*/ 

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {

*:not(#header_fixed) > header:not(.fixed) {
    top : calc( var(--mainVisual_height_index) - var(--header_height)) ;
    top : -webkit-calc( var(--mainVisual_height_index) - var(--header_height)) ;

}

}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}












/*------------------------------------

------------------------------------*/ 

#greeting {}
#greeting .wrapper {
    background: url("../images/index/greeting_background.jpg") top center;
    background-repeat: no-repeat;
    background-size: cover;
}
#greeting .greeting_image {

}


@media only screen and (max-width: 767px) {

#greeting .greeting_image img {
    max-width: none;
    width : calc(100% + 15px) ;
    width : -webkit-calc(100% + 15px) ;
}

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

}
@media print, screen and (min-width: 768px) {

#greeting .greeting_image img {
    max-width: none;
    width : calc(100% + 30px) ;
    width : -webkit-calc(100% + 30px) ;
}


}
@media print, screen and (min-width: 992px) {

#greeting .greeting_image img {
    width : auto;
}

}
@media print, screen and (min-width: 1200px) {


}














/*------------------------------------
PRODUCTS
------------------------------------*/ 

#products {}
#products .wrapper {
    position: relative;
}
#products .wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/index/products_background.jpg") no-repeat center;
    background-size: cover;
    filter:  alpha(opacity=27%);  opacity:.27;
}
#products .wrapper > * {
    position: relative;
    z-index: 10;
}


@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {

#products .wrapper:before {
    background-attachment: fixed;
}

}
@media print, screen and (min-width: 1200px) {
}














/*------------------------------------

------------------------------------*/ 

:root {
    --blur_delay: 1s;
}
.animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo {
    animation-delay : calc( var(--blur_delay) * 1.5) ;
    -webkit-animation-delay : -webkit-calc( var(--blur_delay) * 1.5) ;
}
.animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo {
    animation-delay : calc( var(--blur_delay) * 2) ;
    -webkit-animation-delay : -webkit-calc( var(--blur_delay) * 2) ;
}
.animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo {
    animation-delay : calc( var(--blur_delay) * 2.5) ;
    -webkit-animation-delay : -webkit-calc( var(--blur_delay) * 2.5) ;
}
.animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo + .animation_blur.animation_gogo {
    animation-delay : calc( var(--blur_delay) * 3) ;
    -webkit-animation-delay : -webkit-calc( var(--blur_delay) * 3) ;
}

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}














/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}














/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}














/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}














/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}














/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}


















/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}











/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

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

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}