@charset "utf-8";

/**********************
+ .top_image
**********************/
#Main_inner .top_image{
	background-image:url(../images/winemaking/top_image.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

/**********************
+ .main_contents
**********************/
/***************
+ .block
***************/
#Main_inner .main_contents .block .large_image{
	max-width:956px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:cover;
}
#Main_inner .main_contents .block .block_image{
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:cover;
}
#Main_inner .main_contents #block_01 .large_image{
	height:260px;
	background-image:url(../images/winemaking/block01_img01.jpg);
	background-position:center 80%;
}

#Main_inner .main_contents #block_01 .block_image{
	background-image:url(../images/winemaking/block01_img02.jpg);
	background-position:center;
}

#Main_inner .main_contents #block_02 .large_image{
	height:260px;
	background-image:url(../images/winemaking/block02_img01.jpg);
	background-position:center;
}
#Main_inner .main_contents #block_02 .block_text p{
	text-align:center;
}
#Main_inner .main_contents #block_02 .block_inner .block_inner .block_text img{
	width:280px;
	margin-left:0;
}
#Main_inner .main_contents #block_02 .block_inner .block_inner .block_text p{
	padding:10px;
	font-size:.9em;
	text-align:left;
}
#Main_inner .main_contents .block_inner_text p{
	font-size:.9em;
}

/*========================================================================================

 media screen and min-width 961px
 
========================================================================================*/
@media screen and (min-width: 961px) {
/*-----------------------------------------------------------------*/
/**********************
+ .main_contents
**********************/
/***************
+ .block
***************/
#Main_inner .main_contents #block_01 > .block_inner{
	padding: 30px 0;
}
/*-----------------------------------------------------------------*/
}
/*========================================================================================

 media screen and min-width 641px
 
========================================================================================*/
@media screen and (min-width: 641px) {
/*-----------------------------------------------------------------*/
/**********************
+ .main_contents
**********************/
/***************
+ .block
***************/
#Main_inner .main_contents #block_01 .block_image{
	height:480px;
}
#Main_inner .main_contents #block_01 .block_inner .block_inner_text img{
	margin-bottom:5px;
}
#Main_inner .main_contents .block_inner_text{
	margin-top:10px;
}
#Main_inner .main_contents #block_02 .block_inner .block_inner{
	max-width:750px;
	margin-top:10px;
	padding:30px 0;
}

/**********
+ .intro
**********/
#Main_inner .block .intro{
	padding-bottom: 30px;
}
/*-----------------------------------------------------------------*/
}
/*========================================================================================

 media screen and max-width 640px
 
========================================================================================*/
@media screen and (max-width: 640px) {
/*-----------------------------------------------------------------*/
/**********************
+ .main_contents
**********************/
/***************
+ .block
***************/
#Main_inner .main_contents .block .block_inner{
	padding:10px 4% 0;
}
#Main_inner .main_contents .block .block_inner .block_inner{
	padding:20px 0;
}
#Main_inner .main_contents #block_01{
	margin-bottom:15px;
}
#Main_inner .main_contents #block_01 .large_image,
#Main_inner .main_contents #block_01 .block_image{
	height:60vw;
}
#Main_inner .main_contents #block_02 .large_image{
	margin-top:5px;
	height:40vw;
}
#Main_inner .main_contents #block_02 .block_inner .block_image{
	margin-bottom:1em;
}
#Main_inner .main_contents #block_02 .block_inner .block_inner .block_text{
	margin-bottom:0;
}
#Main_inner .main_contents #block_02 .block_inner .block_inner .block_text img {
	width: 240px;
	margin-left:3px;
}
#Main_inner .main_contents .block_inner_text{
	margin-top:10px;
}
#Main_inner .main_contents .block_inner_text p{
	padding:10px 10px 0;
}
/**********
+ .intro
**********/
#Main_inner .block .intro{
	padding: 0 0 5px;
}
/*-----------------------------------------------------------------*/
}