@charset "utf-8";
/* CSS Document */

.info_title{
	background-image: url("../img/title/info/info_title.png");
}

.title_text{
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0 180px;

}

.info_text{
	width: 500px;
	position: relative;
	
}

.info_text img{
	
}

.info_illust{
    width: 400px;
    float: right;
    position: relative;
    top: 0;
	
}

/*ぶどう一覧*/

.budou_list{
	background-image: url("../img/info/info_back.png");
	background-repeat: repeat-y;
	background-position: top;
	background-size: contain;
}

.budou_list ul{
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;

}

.budou_list ul li{
    display: flex;
    width: 290px;
    margin: 0 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: center;
}

.budou_list ul h3{
	margin: 18px auto 10px;
	width: 93%;
	display: block;
}

.budou_list ul li p{
	margin: 6px auto 20px;
	width: 93%;
}

.budou_list ul li p:nth-child(3){
	text-align: left;
/*
	margin-left: auto;
	margin-top: auto;
*/
	font-size: 18px;
	color: #965A96;
	font-weight: 700;
	
	border: 1px solid #000000;
	padding: 10px  20px;

}

/*各種設定*/
/*.budou_list ul li:nth-child(1) p:nth-child(3){
	
}

.budou_list ul li:nth-child(2) p:nth-child(3){
	background:#965a96;
	color: #FFFFFF;
	border: none;
	
}*/

/*各種設定最終決定*/
.budou_list ul li p:nth-child(3){
	background: #eee4ee;
	color: #965a96;
	border:1px solid #fff;
	margin: 0 0 4px 4%;
	width: 104px;
}



.zeikomi{
	width: 1100px;
	margin: 0 auto;
	text-align: right;
}


.takeout{
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 100px 0;
}


.takeout p{
	border: 1px #000000 solid;
	padding: 20px 0;
}





/************SP用**************/
@media screen and (max-width:500px) {

	
/* CSS Document */


.title_text{
	width: 100%;
	padding: 12vw 0;

}

.info_text{
    width: 48vw;
    position: relative;
    top: 2vw;
    left: 8vw;
	
}

.info_illust{
    width: 40vw;
    float: right;
    position: relative;
    top: -6vw;
    left: -8vw;
	
}
	
/*ぶどう一覧*/

.budou_list ul{
    width: 100%;
    margin: 0 auto;
    padding: 22vw 0;
}
	
.budou_list ul li{
    width: 40%;
    margin: 0 2vw;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: center;
}

		
.budou_list h3{
	font-size: 4vw;
}

			
.budou_list p{
	font-size: 3.8vw;
}

	
/**/
	
.zeikomi{
	width: 90%;
}
	

.takeout{
	width: 90%;
}


.takeout p{
	border: 1px #000000 solid;
	padding:10vw 4vw;
}





}