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

	+ wrapper
		- header
		- footer

-----------------------------------------*/


/*----------------------------------------
	main_visual
-----------------------------------------*/
.main_visual{
	margin:30px 80px 30px 80px;
	background:#fff;
	height: 623px;
	box-sizing: border-box;
	position: relative;
	box-shadow:2px 2px 10px 0px rgba(0,0,0, 0.05);
}
.main_visual p.pic{  
	position: absolute;
	bottom:0px;
	right: 0px;
	left: 0;
}
.main_visual p.copy{  
	position: absolute;
	bottom:80px;
	right: -50px;
	z-index: 99;
}

.main_visual .sns{  
	position: absolute;
	top:-10px;
	right: -60px;
	z-index: 99;
	font-size: 38px;
	line-height: 50px;
}	


.online_bn{
	margin:30px 0;
}
/*----------------------------------------
	recommended
-----------------------------------------*/
.recommended{
	margin:20px auto 100px auto;
	position: relative;
}
.recommended .cmn_inner_wh{
	padding: 0 0 60px 0;
}
	
.recommended .cmn_inner_wh .month{
	position: absolute;
	left: 76px;
	top:40px;
}
.recommended ul{
	display:flex;
	justify-content: space-around;
	width: 70%;
	margin:0 auto;
}
.recommended ul li{
	font-size: 13px;
	text-align: left;
	width: 27%;
	line-height: 22px;
}
.recommended em{
	font-size: 15px;
	padding: 10px 0;
	display: block;
	line-height: 27px;
}
.recommended span{
	display: block;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	font-size: 11px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.recommended ul li p{
	padding: 0 0 10px 0;
}

.recommended .belini{
	width: 66%;
	margin:0 auto 40px auto;
}

.recommended .belini dl{
	display:flex;
	justify-content: space-around;
	margin:0 auto;
}
.recommended .belini dl dt{
	width: 52%;
}
.recommended .belini dl dd{
	text-align: left;
	width: 43%;
}
.recommended .belini dl em{
	display: block;
	font-size: 34px;
	line-height: 50px;
}
/*----------------------------------------
	concept
-----------------------------------------*/
#concept{
	margin:100px auto;
	position: relative;
	background:url(../img/concept_pic.png) no-repeat #fff right center;
	text-align: left;
	padding:0px 0 100px 0;
}
#concept .cmn_inner h2{
	background: url("../img/cmn_h2_line.png")no-repeat left bottom;
	background-size: 180px;
}
#concept .cmn_inner dt{
	font-size:24px;
	font-weight: bold;
	letter-spacing: 10px;
}
#concept .cmn_inner dd{
	letter-spacing: 1px;
	line-height: 34px;
	margin-top: 20px;
}

/*----------------------------------------
	wine
-----------------------------------------*/
#wine{
	margin:100px 80px;
	position: relative;
	background:url(../img/wine_bg.jpg) repeat left center;
	box-shadow:2px 2px 10px 0px rgba(0,0,0, 0.05);
}

#wine .ill_pc ul{
	background:url(../img/wine_map_bg.jpg) no-repeat center center;
	margin:20px auto;
	position: relative;
	height: 888px;
	width: 780px;
}
#wine .ill_pc ul li{
	position: absolute;
}
#wine .ill_pc ul li img{
	width: 190px;
}
#wine .ill_pc .wine_btn_01{
	left:50px;
	top:0;
}
#wine .ill_pc .wine_btn_02{
	left:0px;
	top:100px;
}
#wine .ill_pc .wine_btn_03{
	left:250px;
	top:50px;
}
#wine .ill_pc .wine_btn_04{
	left:200px;
	top:197px;
}
#wine .ill_pc .wine_btn_05{
	left:190px;
	top:297px;
}
#wine .ill_pc .wine_btn_06{
	left:357px;
	top:425px;
}
#wine .ill_pc .wine_btn_07{
	left:40px;
	bottom:210px;
}
#wine .ill_pc .wine_btn_08{
	left:286px;
	bottom:60px;
}
#wine .ill_sp{
	display: none;
}

/*----------------------------------------
	others
-----------------------------------------*/
#others{
	margin:0 auto 150px auto;
}
#others .others_items{
	margin:50px auto 0 auto;
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#others .others_items li{
	margin:0 auto;
	width: 45%;
	border:30px #fff solid;
	padding: 40px;
	position: relative;
	box-sizing: border-box;
	text-align: left;
}
#others .others_items li:nth-of-type(3),
#others .others_items li:nth-of-type(4){
	margin:50px auto 0 auto;
}
#others .others_items li p{
	position: absolute;
	top:-50px;
}
#others .others_items li dt{
	text-align: center;
}
#others .others_items li em{
	font-size: 17px;
}
#others .others_items li dd{
	font-size: 14px;
}

/*----------------------------------------
	access
-----------------------------------------*/
#access{
	margin:40px auto 80px auto;
}
#access ul{
	margin:0 auto;
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#access ul li{
	margin:0 auto;
	width: 25%;
}
#access .map{
	margin:0 auto;
	display:flex;
	justify-content: space-around;
}
#access .accessmap{
	padding:0 60px 80px 80px;
	width: 50%;
	box-sizing: border-box;
	background: #dee0e9;
}
#access .accessmap iframe{
	width: 100%;
	height: 500px;
}
#access .calender{
	padding:0 60px 80px 80px;
	width: 50%;
	box-sizing: border-box;
	background: #fff;
}
#access .calender iframe{
	width: 100%;
	height: 500px;
}

/*----------------------------------------
	contact
-----------------------------------------*/
#contact{
	margin:0 auto 80px auto;
}
#contact .mainContact{
	width: 70%;
	margin:0 auto;
	padding: 0 0 80px 0;
}

/*--------------------------------------------------------
解像度1280px以下
--------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 1280px){


/*----------------------------------------
	main_visual
-----------------------------------------*/
.main_visual{
	margin:30px 60px 0 60px;
	background:url(../img/main_bg.png) no-repeat #fff center top;
	background-size: 100%;
	height:auto;
}
.main_visual p.pic{ 
	position: relative;
}
.main_visual p.copy{  
	position: absolute;
	bottom:80px;
	right: -50px;
	z-index: 99;
	width: 400px;
}

.main_visual .sns{  
	position: absolute;
	top:80px;
	right: -50px;
	z-index: 99;
	font-size: 38px;
}
.main_visual .sns{  
	position: absolute;
	top:-10px;
	right: -50px;
	z-index: 99;
	font-size: 32px;
	line-height: 50px;
}	
/*----------------------------------------
	recommended
-----------------------------------------*/
.recommended{
	margin:60px auto;
	position: relative;
}

	
.recommended .cmn_inner_wh .month{
	position: absolute;
	left: 50px;
	top:40px;
	width: 30px;
}
.recommended ul{
	display:flex;
	justify-content: space-around;
	width: 70%;
	margin:0 auto;
}
.recommended ul li{
	font-size: 14px;
	text-align: left;
	width: 27%;
	line-height: 22px;
}

.recommended ul li p{
	padding: 0 0 10px 0;
}
.recommended .belini dl em{
	display: block;
	font-size: 28px;
	line-height: 40px;
}
	.recommended .belini dl em br{
	display: none;
}
/*----------------------------------------
	concept
-----------------------------------------*/
#concept{
	margin:100px auto;
	position: relative;
	background:url(../img/concept_pic_tb.jpg) no-repeat #fff right center;
	background-size:270px;
	text-align: left;
	padding:20px 0 100px 0;
}
#concept .cmn_inner h2{
	background: url("../img/cmn_h2_line.png")no-repeat left bottom;
	background-size: 180px;
}
#concept .cmn_inner dt{
	font-size:24px;
	font-weight: bold;
	letter-spacing: 10px;
}
#concept .cmn_inner dd{
	letter-spacing: 1px;
	line-height: 34px;
	margin-top: 20px;
}

/*----------------------------------------
	wine
-----------------------------------------*/
#wine{
	margin:60px 60px;
	position: relative;
	background:url(../img/wine_bg.jpg) repeat left center;
	box-shadow:2px 2px 10px 0px rgba(0,0,0, 0.05);
}
	
#wine .ill_pc ul{
	background:url(../img/wine_map_bg.jpg) no-repeat center center;
	margin:20px auto;
	position: relative;
	height: 888px;
	width: 780px;
}
/*----------------------------------------
	others
-----------------------------------------*/
#others{
	margin:0 auto 120px auto;
}
#others .cmn_inner{
	margin:0 40px;
}

#others .others_items li{
	margin:0 auto;
	border:20px #fff solid;
	padding: 40px;
}
#others .others_items li dt img{
	width:70%;
}

/*----------------------------------------
	access
-----------------------------------------*/

#access .accessmap{
	padding:0 40px 80px 60px;
	width: 50%;
	box-sizing: border-box;
	background: #dee0e9;
}
#access .accessmap iframe{
	width: 100%;
	height: 300px;
}
#access .calender{
	padding:0 40px 80px 60px;
	width: 50%;
	box-sizing: border-box;
	background: #fff;
}
#access .calender iframe{
	width: 100%;
	height: 300px;
}	
	
}/*解像度1280px以下*/

/*----------------------------------------
	contact
-----------------------------------------*/
#contact{
	margin:0 auto 80px auto;
}
#contact .mainContact{
	width: 85%;
	margin:0 auto;
	padding: 0 0 80px 0;
}

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){


/*----------------------------------------
	main_visual
-----------------------------------------*/
.main_visual{
	margin:-66px 0 0 0;
	background:none;
	height:auto;
	box-shadow:none;
}
.main_visual p.pic{ 
	position: relative;
}
.main_visual p.copy{  
	display: none;
}
.main_visual .sns{  
	display: none;
}

.online_bn{
	margin:30px 1.5em;
}
/*----------------------------------------
	recommended
-----------------------------------------*/
.recommended{
	margin:0 auto 3.5em auto;
	position: relative;
}
.recommended .cmn_inner_wh{
	padding: 0 auto 0px auto;
	text-align: center;
}
	
.recommended .cmn_inner_wh .month{
	position: absolute;
	left:-10px;
	top:40px;
}
.recommended .cmn_inner_wh .month img{
	width: 30px;
}
.recommended ul{
	display:block;
	width:70%;
	margin:0 auto;
	text-align: center;
}
.recommended ul li p{
	text-align: center;
}
.recommended ul li{
	width:auto;
	margin-bottom: 40px;
}
.recommended ul li:last-child{
	pmargin-bottom: 0;
}


.recommended .belini{
	width:70%;
	margin:0 auto 30px auto;
}

.recommended .belini dl{
	display:block;
	margin:0 auto;
}
.recommended .belini dl dt{
	width: auto;
}
.recommended .belini dl dd{
	text-align: left;
	width: auto;
}
.recommended .belini dl em{
	display: block;
	font-size: 22px;
	line-height: 35px;
}
	.recommended .belini dl em br{
	display: none;
}
/*----------------------------------------
	concept
-----------------------------------------*/
#concept{
	margin:5.0em auto 0 auto;
	position: relative;
	background:none;
	background-color: #fff;
	text-align: left;
	padding:0 0 0 0;
}
#concept .cmn_inner{
	padding:0 0 4.0em 0;
}
#concept .cmn_inner h2{
	background: url("../img/cmn_h2_line.png")no-repeat center bottom;
	background-size: 180px;
	text-align: center;
}
#concept .cmn_inner dt{
	font-size:18px;
	font-weight: bold;
	letter-spacing: 3px;
	text-align: center;
}
#concept .cmn_inner dd{
	letter-spacing:0px;
	line-height: 30px;
	font-size:15px;
}	


/*----------------------------------------
	wine
-----------------------------------------*/
#wine{
	margin:0 auto 0em auto;
	position: relative;
	background:url(../img/wine_bg.jpg) repeat left center;
	box-shadow:2px 2px 10px 0px rgba(0,0,0, 0.05);
	padding: 0 0 2.0em 0;
}

#wine .ill_sp li img{
	width: 120px;
}
#wine .ill_pc{
	display: none;
}
#wine .ill_sp {
	display:block;
	padding:0;
	position: relative;
	z-index: 99;
}
#wine .ill_sp li {
	position: absolute;
	z-index:100;
}

#wine .ill_sp .wine_btn_01_sp {
	left:5%;
	top:0%;
}
#wine .ill_sp .wine_btn_02_sp {
	left:2%;
	top:15%;
}
#wine .ill_sp .wine_btn_03_sp {
	left:40%;
	top:3%;
}
#wine .ill_sp .wine_btn_04_sp {
	left:30%;
	top:23%;
}
#wine .ill_sp .wine_btn_05_sp {
	left:25%;
	top:35%;
}
#wine .ill_sp .wine_btn_06_sp {
	left:50%;
	top:50%;
}
#wine .ill_sp .wine_btn_07_sp {
	left:5%;
	top:60%;
}	
#wine .ill_sp .wine_btn_08_sp {
	left:40%;
	top:80%;
}
	
/*----------------------------------------
	others
-----------------------------------------*/
#others{
	margin:0 auto 5.0em auto;
}
#others .others_items{
	margin:0 auto;
}
#others .others_items li{
	margin:0 auto;
	width:auto;
	border:15px #fff solid;
	padding: 30px;
	position: relative;
	box-sizing: border-box;
	text-align: left;
}
#others .others_items li{
	margin:50px auto 0 auto;
}
#others .others_items li:first-child{
	margin:20px auto 0 auto;
}
#others .others_items li p{
	position: absolute;
	top:-50px;
}
#others .others_items dt img{
	width:90%;
}
#others .others_items .goods img{
	width:auto;
}
	
/*----------------------------------------
	access
-----------------------------------------*/
#access{
	margin:0 auto 5.0em auto;
}

#access ul li{
	margin:0 auto;
	width: 50%;
}
#access .map{
	margin:0 auto;
	display:block;
}
#access .accessmap{
	padding:0 2.0em 4.0em 2.0em;
	width: auto;
}
#access .accessmap iframe{
	width: 100%;
	height: 300px;
}
#access .calender{
	padding:0 2.0em 4.0em 2.0em;
	width: auto;
}
#access .calender iframe{
	width: 100%;
	height: 300px;
}
	
/*----------------------------------------
	contact
-----------------------------------------*/
#contact{
	margin:0 auto 5.0em auto;
}
#contact .mainContact{
	width: auto;
	margin:0 2.0em;
	padding: 0 0 4.0em 0;
}	
}/*解像度736px以下*/