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

body { margin: 0px; padding: 0px; }
/*-----------------------
１枚スライド
-----------------------*/
.main_slider{
    max-width:100%;
    margin:0 auto;
}
.main_slider img{
    width:100%;
}
/*右の矢印を画像の内側に*/
.slick-next {
    right: 5px!important;
}
/*左の矢印を画像の内側に*/
.slick-prev {
    left: 5px!important;
    z-index:1000;
}
/*下のドットを画像の内側に*/
.slick-dots {
    bottom:0!important;
}

/*-----------------------
4枚スライド
-----------------------*/

.slide_image{
    max-width:950px;
    margin:0 auto; 
}
.slide_image img{
    max-width:250px;
}

/*-----------------------
マウスオーバーで画像がフェードで変わる
-----------------------*/
.fade_image_switch{
    max-width:950px;
    margin:100px auto;
    display:flex;
}

.sw1, .sw2, .sw3{
	position: relative;
	width: 300px;
    display: block;
}

.sw1 img:nth-of-type(2),
.sw2 img:nth-of-type(2),
.sw3 img:nth-of-type(2){
 cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -51%);
}
.sw1:hover img:nth-of-type(2),
.sw2:hover img:nth-of-type(2),
.sw3:hover img:nth-of-type(2){
  opacity: 0;
  transition: opacity 1s; 
}

/*日付検索*/
.h{
    width:950px;
    margin:0 auto;
    font-size:80%;
}
.hs{
    display:flex;
    margin:0 auto;
}
.hiduke_search{
    background:#000;
    height: 41px;
    margin-left: -1px;
}
.hiduke {
    width: 560px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    float: left;
    display: inline;
    color: #FFF;
}
.search_go{
    width: 150px;
    height: 40px;
    float: right;
    display: inline;
    margin-top: 0px;
    margin-right: 0px;
}
.hiduke{
    background-color:#000;
}
.search_go{
    background-color:#000;
}
select{
    margin:5px;
}