@charset "utf-8";
/*html{
	background: url(/assets/img/top/access1000.png) no-repeat;
	background-position: top;
}*/
img{
	width: 100%;
}
.main_img img{
	vertical-align: bottom;
	width: 100%;
} 

.side_img{
	background: url("/assets/img/access/what_is_SOU.png") no-repeat #000;
	color: #fff;
	background-position: center;
	background-size: contain;
}

.side_img .menu_link{
	background-color: #a40000;
	max-width: 315px;
	margin: 0 auto;
	border: none;
	padding: 5px;
	margin-top: 30px;
}
.side_img h2 span{
	font-size: 1.5rem;
}
.side_img h2{
	padding-top: 30px;
}
.side_img p{
	padding-top: 35px;
	line-height: 2.7rem;
}

/*店舗情報*/
.information_store{
	padding-top: 35px;
}
 table{
	margin-left: 40px;
	line-height: 2.7rem;
	padding-top: 30px;
	padding-right: 10px;
}
table tr td:first-of-type{
	min-width: 70px;
	vertical-align: baseline;
}
/*.information_store img{
	width: 50%;
}*/
.information_store table .day{
	width: 100px;
}
.information_img img{
	width: 100%;
    max-width: 446px;
}
.information_img,
.information_img+div{
	width: 50%;
}
.sketch{
	background: url(/assets/img/background/pink_bg_right_up.png) no-repeat;
	background-position: bottom;
	color: #4e2507;
}
.sketch .contents{
	padding-top: 10px;
}
.sketch h2{
	font-family: "DancingScript-Regular";
}
.sketch h2::after{
	content: "　";
	background: linear-gradient(
		90deg,#e60012 0, #e60012 100px,#fff 100px,#fff 200px, #007130 200px);
	width: 300px;
	height: 10px;
	display: block;
	margin: 20px auto;
	margin-bottom: 10px;
	box-shadow: 0px -1px 5px #ccc inset;
}
.sketch .sketch_subtitle{
	font-size: 2rem;
	padding-top: 10px;
	padding-bottom: 30px;
}
.sketch .text_wrap h4{
	padding-top: 0;
}

.sketch h2+div{
	font-size: 2rem;
}
.sketch .flex_container{
	padding-left: 40px;
	justify-content: space-between;
}
.sketch .flex_container > div{
	width: 50%;
}

.sketch .content_wrap p{
	padding-top: 15px;
}
.sketch_img{
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	max-width: 828px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
.sketch_img+div{
	padding-left: 20px;
	padding-right: 20px;
}
.sketch .counter{
	padding-left: 25px;
}
/*スライダー*/
.slides_under{
	max-width: 900px;
	margin: 0 auto;
	width: calc(100% - 100px);
}
.slides_under img{
	padding-right: 15px;
	padding-left: 15px;
}
.slick-prev:before,
.slick-next:before {
    color: #000;
}

.slick-dots{
	bottom: 0;
	top: 90%;
}
.slick-prev{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 0;
    border-bottom: none;
    border-left: none;
    background-color: transparent;
    border-top: solid 5px #a6937c;
	border-right: solid 5px #a6937c;
	width: 20px;
	height: 20px;
	left: -20px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
		  -webkit-transform: rotate(-135deg);
	      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);

}
.slick-next{
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 0;
    border-top: none;
    border-right: none;
    background-color: transparent;
    border-bottom: solid 5px #a6937c;
	border-left: solid 5px #a6937c;
	width: 20px;
	height: 20px;
	right: -20px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
		  -webkit-transform: rotate(-135deg);
	      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);

}
.gg_map iframe{
	max-width: 1000px;
	width: 100%;
}

/*----ブレークポイント----*/
@media only screen and (max-width:750px){
 	img,
 	.store_information img,
 	.sketch_wine_img{
 		width: 100%;
 	}
 	section .contents{
		width: 95%;
		margin: 0 auto;
	}
	h2{
		font-size: 3rem;
	}
	h4{
		font-size: 2rem;
	}
	.text_big{
		font-size: 4rem;
		padding-top: 30px;
	}
	table{
		margin-left: 0;
	}
	.sketch .flex_container > div{
	width: 95%;
	}
	.sketch .content_wrap{
		padding-right: 0;
		padding-left: 0;
	}
	.sketch{
		padding-bottom: 30px;
		text-align: center;
	}
	.information_store{
		padding-top: 0px;
	}
	
	.information_store img{
		max-width: 450px;
	}
	.slides_under {
		width: 90%;
	}
	.slick-next{
		right: -5px;
		top: 38%;
	}
	.slick-prev{
		left: -5px;
		top: 38%;
	}
	.slick-dots{
		width: 100%;
		position: relative;
		left: 0;
		right: 0;
		justify-content: center;
	}
	.slick-dots li button {
		display: none;
	}
	.slick-dots li:last-child:after {
		margin-right: 0;
	}
	.information_img{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	}
	.information_img+div{
		width: 95%;
		margin: 0 auto;
	}
	.content_wrap p{
		text-align: left;
		padding-left: 5vw;
    	padding-right: 5vw;
	}
	.sketch .counter {
    padding-left: 0px;
}
}