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



/*==================================================
スライダーのためのcss
===================================*/
.slider {
  position:relative;
	z-index: 0;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 910px;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  /*background-attachment:fixed;*/
}

@media screen and (max-width: 800px){
.slider {
    height: 760px;
  }
}
@media screen and (max-width: 500px){
.slider {
    height: 700px;
  }
}

/*　背景画像設定　*/

.slider-item01 {
    background:url("../images/romiromi_hp-topimg01.jpg");
}


.slider-item02 {
    background:url("../images/romiromi_hp-topimg02.jpg");
}

.slider-item03 {
    background:url("../images/romiromi_hp-topimg04.jpg");
}

@media screen and (max-width: 800px){
 .slider-item01 {
    background:url("../images/romiromi_hp-topimg01_sp.jpg");
} 
 .slider-item02 {
    background:url("../images/romiromi_hp-topimg02_sp.jpg");
} 
 .slider-item03 {
    background:url("../images/romiromi_hp-topimg04_sp.jpg");
} 
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:910px;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center top 10%;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}
@media screen and (max-width: 800px){
.slider-item {
    height:760px;
  background-position: center top 40%;
  }
}
@media screen and (max-width: 500px){
.slider-item {
    height:700px;
  background-position: center top;
  background-size: cover;
  }
}
.slick-dots button {
  display: none;
  }