

.kv_tit{
	margin: 0 auto;
	padding: 0 0 ;
	position:relative;
	text-align:center;
	background: url(../../images/sakana/sp_kv_bg.jpg?2) no-repeat center center;
	background-size:cover;
	min-width:auto;
	height:810px;
}

.kv_tit:after {
	content: "";
	width:100%;
	height:20px;
	position:absolute;
	bottom:-1px;
	left:0;
	background: url(../../images/base/wave_bg.svg) repeat-x center bottom ;
	background-size:auto 20px;
	z-index:10;
}

.kv_tit h2{
	margin: 0 auto ;
	padding: 280px 0 60px;
	position:relative;
font-weight: 500;
font-size: 52px;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);

}
.kv_tit p{
	margin: 0 auto ;
	padding: 0 0 0;
	position:relative;
font-weight: 500;
font-size: 23px;
line-height: 41px;
text-align: center;
color: #fff;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
letter-spacing:1px;
}





.section_wrap{
	margin: 0 auto;
	padding: 50px 0 50px;
	position:relative;
	min-width:auto;
}

.section_inner{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	min-width:auto;
	text-align:center;
}

h3.h3_style{
	margin:0 0 50px;
	padding: 0 0 50px;
	position: relative;
font-weight: 500;
font-size: 33px;
line-height: 48px;
text-align: center;
color: #3e3e3e;
	background-image: url(../../images/base/h2_bg.svg);
	background-repeat: no-repeat;
	background-position: center bottom 0px;
	background-size: auto;
}

.season_box{
	margin: 0 auto 0;
	padding: 0 0 0;
	position:relative;
	width:auto;
	text-align:center;
}

.season_box h4{
	margin: 0 0 20px;
	padding: 0 0 0;
	position:relative;
	text-align:left;
}
.season_box h4 strong{
	margin: -30px 0 0 30px;
	padding: 0 0 30px;
	position:relative;
	display:inline-block;
font-weight: 500;
font-size: 85px;
text-align: left;
}
.season_box h4 img{
margin: 25px 0 0 35px;
}

.season_box.spring h4{
background-color:#DFFDAF;
}
.season_box.spring h4 strong{
color: #9dce57;
}
.season_box.summer h4{
background-color:#FCF2A5;
}
.season_box.summer h4 strong{
color: #ffc72e;
}
.season_box.summer ul.sakana_list{
	height: 140px;
	width: 320px;
}
.season_box.autumn h4{
background-color:#FFE3D0;
}
.season_box.autumn h4 strong{
color: #ffaa60;
}
.season_box.winter h4{
background-color:#BEF4FD;
}
.season_box.winter h4 strong{
color: #66b9ff;
}
.season_box.winter ul.sakana_list{
	height: 100px;
}


ul.sakana_list{
	margin: 0 auto;
	padding: 0 0 0;
	position:relative;
	text-align:left;
	width: 260px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 120px;
gap: 4px;
}

ul.sakana_list li{
	margin: 0 0 0 0em;
	padding: 0 0;
	position:relative;
font-family: "Kosugi Maru", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: #3e3e3e;
}

ul.sakana_list li:before {
	content:  "";
	width:  12px;
	height:  12px;
	display:  inline-block;
	background-color: #000;
	border-radius:  50%;
	position:  relative;
	top: 0px;
	margin-right: 5px;
}



.sakana_slide_block{
	margin:0 auto 90px;
	padding: 0 0;
	position: relative;
	width:auto;
	text-align:center;
}

ul.sakana_slide{
	margin: 0 auto;
	padding: 0 0 ;
	position: relative;
	text-align:center;

}

ul.sakana_slide li{
	margin: 0 auto;
	padding: 0 0 ;
	position: relative;
	text-align:center;
	width:auto;

font-family: "Kosugi Maru", sans-serif;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: center;
color: #3e3e3e;
}

ul.sakana_slide li img{
	width:100%;
	height:auto;

}

.slick-slider{position: static;}

.slick-list{overflow: visible;}

.slick-next{ right:20px!important; }
.slick-prev{ left:20px!important; }
.slick-arrow{ z-index:2!important;}


.slick-arrow:before{
content:""!important;
width: 20px!important;
height: 20px!important;
position: absolute;
top: 0px;
left: 0;
}

.slick-prev,
.slick-next{

width: 20px!important;
height: 20px!important;
}

.slick-next:before{
background: url(../../images/sakana/arr_r.svg)!important;
background-size: 20px 20px !important;
}

.slick-prev:before{
background: url(../../images/sakana/arr_l.svg)!important;
background-size: 20px 20px !important;
}


ul.sakana_slide .slick-prev,
ul.sakana_slide .slick-next
{top: 50% !important;}

ul.sakana_slide .slick-next{ right:10px!important;margin:auto;}
ul.sakana_slide .slick-prev{ left:10px!important;margin:auto;}

.sakana_slide .slick-list {
position: static!important;
padding: 0 0 !important;
}
.sakana_slide .slick-slide {
	margin: 0 20px !important;
	width:300px !important;
}



.sakana_slide .slick-slide.slick-current {
  opacity: 1;
}
.sakana_slide .slick-slide a {
  display: block;
}
.sakana_slide .slick-slide a:hover {

}
.sakana_slide img {

}




.section_wrap.bg_color{
	margin: 0 auto;
	padding: 80px 0 80px;
	position:relative;
	min-width:auto;
	background: url(../../images/base/wave_bg2.svg) repeat-x center top ;
	background-size:auto 20px;
	background-color:#DEEDFF;
}
.section_wrap.bg_color:after {
	content: "";
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	background: url(../../images/base/wave_bg.svg) repeat-x center top ;
	background-size:auto 20px;
	z-index:10;
}


.h3_lead{
	margin: 0 auto 40px;
	padding: 0 0 0;
	position:relative;
font-weight: 500;
font-weight: normal;
font-size: 19px;
line-height: 24px;
text-align: center;
color: #3e3e3e;
display:inline-block;
}


.h3_lead span:before {
position: absolute;
bottom: -3px;
left: -40px;
width: 7px;
height: 40px;
content: '';
background: #fff;
transform: rotate(-30deg);
}
.h3_lead span:after {
position: absolute;
bottom: -3px;
right: -35px;
width: 7px;
height: 40px;
content: '';
background: #fff;
transform: rotate(30deg);
}

.h3_lead.line_color span:before ,
.h3_lead.line_color span:after {
background: #ACD1FF;
}



.sort_block{
	margin: 0 auto 40px;
	padding: 0 0 0;
	position:relative;
text-align: center;

}

.sort_block p{
	margin: 0 0 20px;
	padding: 0 0 ;
	position:relative;
font-weight: 400;
font-size: 18px;
letter-spacing: 0.05em;
text-align: center;
color: #3e3e3e;
}

ul.sort_list{
	margin: 0 0 ;
	padding: 0 0 ;
	position:relative;
text-align: center;
display: flex;
align-items:center;
justify-content:center;
}

ul.sort_list li{
	margin: 0 5px ;
	padding: 0 0 ;
	position:relative;
}

ul.sort_list li a{
	margin: 0 10px ;
	padding: 0 0 ;
	position:relative;
}
ul.sort_list li a{
	margin: 0 0;
	padding: 10px 0;
	position:relative;
	width:110px;
	display:block;

font-weight: 500;
font-size: 20px;
letter-spacing: 0.05em;
text-align: center;
color: #448be1;

border:2px solid #448be1;
	background-color:rgba(255,255,255,1.0);
	border-radius: 25px; 
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
ul.sort_list li a:hover{
text-decoration:none;
background-color:#448be1;
color:#fff;
transition : 0.2s;
}



ul.store_list{
	margin: 0 20px ;
	padding: 0 0 ;
	position:relative;
text-align: center;

}

ul.store_list li{
	margin: 0 0 20px;
	padding: 0 0 ;
	position:relative;

}

ul.store_list li .store_p{
	margin: 0 0 ;
	padding: 0 0 ;
	position:relative;
text-align: center;
}
ul.store_list li .store_p img{
	width:100%;
	height:auto;
}


ul.store_list li h4{
	margin: 0 0 ;
	padding: 0 0 0 20px;
	position:relative;
text-align: center;
background-color:#0163A0;
height:70px;
font-weight: 500;
font-size: 17px;
line-height: 22px;
text-align: left;
color: #fff;

display: flex;
align-items:center;
justify-content:left;

cursor: pointer;

	background-image: url(../../images/sakana/arr_down.svg);
	background-repeat: no-repeat;
	background-position: right 20px top 50%;
	background-size: auto;
}
ul.store_list li h4:hover{
background-color:#007dcb;
}
ul.store_list li h4.open{
background-image: url(../../images/sakana/arr_up.svg);
}

ul.store_list li .store_info{
	margin: 0 0 ;
	padding: 15px 0 15px 15px;
	position:relative;
text-align: left;
background-color:#fff;
}

table.table_store{
	margin: 0 0 5px;
	padding: 0 0 ;
	position:relative;
}

table.table_store th{
	margin: 0 0 ;
	padding: 0 10px 8px 0 ;
	position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
line-height:1.5;
text-align: left;
color: #0163a0;
white-space:nowrap;
}
table.table_store td{
	margin: 0 0 ;
	padding: 0 0 ;
	position:relative;
font-weight: normal;
font-size: 14px;
letter-spacing: 0.04em;
line-height:1.5;
text-align: left;
color: #3e3e3e;
}

table.table_store td a.map{
	margin: 0 2px 0 0;
	padding: 2px 10px ;
	position:relative;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.05em;
text-align: left;
color: #fff;
display:inline-block;
	background-color:#7BCCCC;
	border-radius: 25px; 
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
table.table_store td a.link{
	color: #a00101;
}
ul.store_list li .store_info h5{
	margin: 0 0 10px;
	padding: 6px 12px ;
	position:relative;

font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
text-align: left;
color: #fff;
display:inline-block;
	background-color:#448be1;
	border-radius: 25px; 
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

ul.store_list li .store_info p{
	margin: 0 15px 0 5px ;
	padding: 0 0 ;
	position:relative;
font-weight: normal;
font-size: 14px;
letter-spacing: 0.04em;
line-height: 20px;
text-align: left;
color: #3e3e3e;

}

ul.store_list li .store_info p.note_txt1{
	margin: 0 10px 15px;
	padding: 0 0 ;
	position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 20px;
text-align: left;
color: #f79d44;

}
ul.store_list li .store_info p.note_txt2{
	margin: 0 10px 15px;
	padding: 0 0 ;
	position:relative;
text-align: center;

}
ul.store_list li .store_info p.note_txt2 a{
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 20px;
text-align: center;
color: #a00101;

}



h4.h4_event{
	margin: 0 0 15px 10px;
	padding: 0 0 ;
	position:relative;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.04em;
line-height: 1.5;
text-align: left;
color: #7bcccc;
}

ul.event_list{
	margin: 0 auto 10px;
	padding: 0 0 0;
	position:relative;
	text-align:left;
	width:auto;

}

ul.event_list li{
	margin: 0 0 0 0;
	padding: 0 0;
	position:relative;
display: flex;
align-items:stretch;
justify-content:flex-start;
}

ul.event_list li h5{
	margin: 0 0 0 0;
	padding: 5px 0;
	position:relative;
	background-color:#7BCCCC;
font-weight: 500;
font-size: 32px;
line-height: 1.2;
text-align: center;
color: #fff;
min-width:60px;
}

ul.event_list li:nth-child(even) h5{
background-color:#ACD1FF;
}

ul.event_list li h5 small{
font-weight: normal;
font-size: 14px;
line-height: 1.2;
color: #fff;
}

ul.event_list li p{
	margin: 0 0 0 15px;
	padding: 10px 0 20px;
	position:relative;
font-weight: normal;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 1.8;
text-align: left;
color: #3e3e3e;
}

ul.event_list li p em{
	margin: 0 0 0 0;
	padding: 0 0;
	position:relative;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 1.8;
text-align: left;
color: #3e3e3e;
}


/*======================================
   slickカスタマイズ
======================================*/
ul.slick-dots{
	margin: 0 0 0 54px;
	padding: 0;
    position: absolute;
    top: -121px;
	bottom:unset !important;
	text-align:left;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 4px;
	width: 300px;
	height: 115px;
}
ul.slick-dots li{
	margin: 0 0 0 0;
	padding: 0 0;
	position:relative;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	color: #3e3e3e;
	height:24px;
}
ul.slick-dots li button{
	opacity:0;
}

.haru ul.slick-dots li:nth-child(1),
.haru ul.slick-dots li:nth-child(2),
.haru ul.slick-dots li:nth-child(3),
.haru ul.slick-dots li:nth-child(4){
	width:170px;
}
.haru ul.slick-dots li:nth-child(5),
.haru ul.slick-dots li:nth-child(6),
.haru ul.slick-dots li:nth-child(7),
.haru ul.slick-dots li:nth-child(8){
	width:120px;
}

.natu ul.slick-dots {
	margin: 0 0 0 24px;
    top: -141px;
	width: 350px;
	height: 145px;
}
.natu ul.slick-dots li:nth-child(1),
.natu ul.slick-dots li:nth-child(2),
.natu ul.slick-dots li:nth-child(3),
.natu ul.slick-dots li:nth-child(4),
.natu ul.slick-dots li:nth-child(5){
	width:170px;
}

.natu ul.slick-dots li:nth-child(6),
.natu ul.slick-dots li:nth-child(7),
.natu ul.slick-dots li:nth-child(8),
.natu ul.slick-dots li:nth-child(9){
	width:120px;
}

.aki ul.slick-dots {
	margin: 0 0 0 54px;
	width:260px;
}
.aki ul.slick-dots li:nth-child(1),
.aki ul.slick-dots li:nth-child(2),
.aki ul.slick-dots li:nth-child(3),
.aki ul.slick-dots li:nth-child(4){
	width:100px;
}
.aki ul.slick-dots li:nth-child(5),
.aki ul.slick-dots li:nth-child(6),
.aki ul.slick-dots li:nth-child(7){
	width:160px;
}

.fuyu ul.slick-dots {
	margin: 0 0 0 60px;
    top: -101px;
	width: 280px;
	height: 85px;
}
.fuyu ul.slick-dots li:nth-child(1),
.fuyu ul.slick-dots li:nth-child(2),
.fuyu ul.slick-dots li:nth-child(3){
	width:130px;
}
.fuyu ul.slick-dots li:nth-child(4),
.fuyu ul.slick-dots li:nth-child(5),
.fuyu ul.slick-dots li:nth-child(6){
	width:130px;
}