@charset "UTF-8";

/*-------------------------------------------
フォントの設定
-------------------------------------------*/
.font-hannari {
    font-family: "Hannari";
}

.text-shadow-black {
    text-shadow: 4px 4px 3px black;
}

.text-shadow-white {
    text-shadow: 4px 4px 3px white;
}

.text-shadow-none {
    text-shadow: none;
}

/*-------------------------------------------
Loadingの設定
-------------------------------------------*/
/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(0, 0, 0);
}

/* fadeUpをするアイコンの動き */
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/*-------------------------------------------
スライダーの設定
-------------------------------------------*/
.slider {
    position: relative;
    z-index: 1;
    height: 100vh;
}

/*　背景画像設定　*/

.slider-item01 {
    background: url(../img/noodle_spicy.jpg);
}

.slider-item02 {
    background: url(../img/meatloaf.jpg);
}

.slider-item03 {
    background: url(../img/variation.jpg);
}

.slider-item04 {
    background: url(../img/roasted_pork.jpg);
}

.slider-item05 {
    background: url(../img/set_seat.jpg);
}

.slider-item06 {
    background: url(../img/fried_rice.jpg);
}

.slider-item07 {
    background: url(../img/window_seat.jpg);
}

.slider-item08 {
    background: url(../img/potato.jpg);
}

.slider-item09 {
    background: url(../img/tsuna.jpg);
}

.slider-item {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slider-bg {
    z-index: 1001;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%);
}