@charset "Shift_JIS";

.shadowFilter img{
	filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
}

.rb{
	padding-bottom:12px;
	position: relative;
}

.rb::after{
	position: absolute;
	content: '';
	width:100%;
	height:1px;
	background: rgb(147,14,20);
	background: -moz-linear-gradient(left,  rgba(147,14,20,1) 0%, rgba(147,14,20,1) 0%, rgba(230,0,18,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(147,14,20,1) 0%,rgba(147,14,20,1) 0%,rgba(230,0,18,1) 100%);
	background: linear-gradient(to right,  rgba(147,14,20,1) 0%,rgba(147,14,20,1) 0%,rgba(230,0,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930e14', endColorstr='#e60012',GradientType=1 );
	left:0;
	bottom:0;
}

.ftmp{
	position: relative;
}

.ftmp .fbox{
	display:flex;
	justify-content: space-between;
}

.ftmp .subImg{
	position: absolute;
	bottom:0;
	right:0;
}

#rox{
	padding:16px;
	margin-top:45px;
	background: rgba(196,100,137,.3);
}

#rox .fbox{
	flex-flow: row-reverse;
}

#rox .txtBox{
	margin-top:20px;
}

#commercial{
	margin-top:40px;
}

#commercial .ftmp{
	margin-top:35px;
}

.storeWrap{
	margin-top:50px;
	display: flex;
	justify-content: space-between;
}

.storeWrap .txt{
	padding:15px 0;
	margin-bottom:15px;
	border-bottom:1px solid #231815;
}

#gourmet{
	margin-top:100px;
}

#gourmet h2 img{
	display:block;
	margin: 0 auto;
}

#gourmet h3{
	margin-top:50px;
}

.slick-slide img.pc{display:block;}
.slick-slide img.sp{display:none;}

.slide-arrow {
	position: absolute;
	top: 50%;
	z-index: 300;
	cursor: pointer;
	transform: translateY(-50%);
}

.prev-arrow {
  left: -32px;
}

.next-arrow {
	right: -32px;
}

.slick-dots{
	bottom:-35px;
}

.slick-dots li button:before {
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 8px;
	box-sizing: border-box;
	background: #ababab;
	cursor: pointer;
	opacity: .5;
}

.slick-dots li.slick-active button:before, .slick-dots li:hover button:before {
	opacity: 1;
  background: rgb(230,0,18);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(230,0,18,1) 0%, rgba(145,0,0,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(230,0,18,1) 0%,rgba(145,0,0,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(230,0,18,1) 0%,rgba(145,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#910000',GradientType=1 );
}

.locSlide{
	margin-top:40px;
}

.locSlide>div{
	background: rgba(188,179,202,.5);
}

#lifeinformation h3{
	margin-top:40px;
}

.category{
	margin-top:50px;
	position: relative;
	padding:20px 32px;
}

.category .icon{
	position: absolute;
	top:0;
	left:32px;
}

.facilityList{
	display: flex;
	justify-content: space-between;
	margin-top:20px;
}

#public{background: rgba(157,140,80,.2);}
#education{background: rgba(236,109,116,.2);}
#park{background: rgba(111,186,44,.2);}
#hospital{background: rgba(134,115,164,.2);}

#education .facilityList{
	flex-wrap: wrap;
}

#education .facilityList::after{
	content:'';
	display:block;
	width:280px;
}

#education .facilityList .facility:nth-child(n+4){
	margin-top:20px;
}

@media screen and (max-width: 1050px) {
	.prev-arrow {left: 0;}
	.next-arrow {right: 0;}
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {
	
	.ftmp .fbox{
		display:block;
	}

	.ftmp .subImg{
		position: static;
		margin-top:20px;
	}
	
	#rox{
		margin-top:30px;
		padding:25px 2.6%;
	}
	
	#rox .imgBox{
		margin-top:20px;
	}
	
	#rox .txtBox{
		margin-top:0;
	}
	
	#commercial .ftmp{
		margin-top:20px;
	}
	
	#commercial .txtBox{
		margin-top:20px;
	}
	
	.storeWrap{
		margin-top:30px;
		display: block;
	}
	
	.storeWrap .store:nth-child(n+2){
		margin-top:30px;
	}

	.storeWrap .txt,
	.storeWrap .etime{
		display:none;
	}
	
	.slick-slide img.pc{display:none;}
	.slick-slide img.sp{display:block;}
	
	.locSlide{
		width:86.3%;
		max-width: 500px;
		margin:30px auto 0;
	}
	
	.prev-arrow {left: -35px;}
	.next-arrow {right: -35px;}
	
	.category{
		margin-top:30px;
		padding:0 2.6% 20px;
	}
	
	.category .icon{
		width:38%;
		position: static;
	}
	
	.category h4{
		margin-top:20px;
	}
	
	.facilityList{
		flex-wrap: wrap;
	}
	
	#education .facilityList.sp{
		display:flex;
		width:100%;
		margin-top:15px;
		padding-top:15px;
		border-top:1px solid #000;
		border-color: rgba(236,109,116,1);
	}
	
	.facilityList .facility{
		width:47.3%;
	}
	
	.facilityList .facility:nth-child(n+3){
		width:100%;
		margin-top:15px;
		padding-top:15px;
		border-top:1px solid #000;
	}
	
	#public .facility:nth-child(n+3){border-color: rgba(157,140,80,1);}
	#education .facility:nth-child(n+3){border-color: rgba(236,109,116,1);}
	#park .facility:nth-child(n+3){border-color: rgba(111,186,44,1);}
	#hospital .facility:nth-child(n+3){border-color: rgba(134,115,164,1);}
}