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

.present_title{
	background-color: #eee4ee;
}


/*トップ*/
.title_cont{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.title_img{
	width: 460px;
	margin: 0;
	height: auto;
	line-height: 0;
}

.title_main_1{
	width: 430px;
	margin: 0 auto;
}

.title_main_1 img:nth-child(1){
    display: block;
    width: 80%;
    text-align: center;
    margin: 0 auto;

}
.title_main_1 img:nth-child(2){
	width: 230px;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.title_main_2{
	width: 200px;
	line-height: 0;
	height: auto;
}

.title_main_2 img{
	margin: 0;
}


/*贈答用ぶどう*/

#zoutou_cont{
	
	
}

.zoutou_back{
	background-image: url("../img/present/zoutou_table_back.png");
	background-size: 500px;
	background-position: center right;
	background-repeat: no-repeat;
	padding: 100px 0;
}

.zoutou_table{
	width: 1100px;
	margin: 0 auto;
	padding: 50px 0 0;
}

.zoutou_table img{
	width: 200px;
}


.zoutou_table table{
	width: 700px;
	margin: 30px auto 0;
	border: none;
	
}
.top_cell_tltle{
	border: none;
	font-size: 24px;
	color: #965A96;
	font-weight: 700;
	line-height: 2em;
	text-align: left;
	letter-spacing: -1px;
		
}

.top_cell_comment{
	border: none;
	
	text-align: right;
}

.zoutou_table th,.zoutou_table td{
	border: none;
}



/*テーブル見出し*/
.zoutou_table tr:nth-child(n+2) th:nth-child(1){
	text-align: left;
}

.zoutou_table tr:nth-child(n+2) th:nth-child(2),
.zoutou_table tr:nth-child(n+2) th:nth-child(3){
	text-align: center;
}


.zoutou_table tr:nth-child(n+2) th:nth-child(2){
	border-right:1px solid #494949;
	border-left:1px solid #494949;
}

.zoutou_table tr:nth-child(n+2) th:nth-child(1),
.zoutou_table tr:nth-child(n+2) th:nth-child(2),
.zoutou_table tr:nth-child(n+2) th:nth-child(3)
{
	border-top:1px solid #494949;
	background-color: #EEE4EE;
}


/*各表*/

.zoutou_table tr:nth-child(n+2) td:nth-child(1){
	text-align: left;
}

.zoutou_table tr:nth-child(n+2) td:nth-child(2){
	text-align: center;
	border-right:1px solid #494949;
	border-left:1px solid #494949;
	
}

.zoutou_table tr:nth-child(n+2) td:nth-child(3){
	text-align: center;
}

 /*偶数*/
.zoutou_table tr:nth-child(even) td
{
	background-color: #EEE4EE;

}
 /*奇数*/
.zoutou_table tr:nth-child(odd) td
{
	background-color: #FFFFFF;

}
.zoutou_table tr:last-child td
{
	border-bottom:1px solid #494949;

}

.kg_margin{
	float: left;
	width: 70px;
	
}

/*テーブル組終わり*/

.haisyou_text{
	width: 700px;
	text-align: right;
	margin: 0 auto;
}

.zoutou_caution{
	width: 700px;
	margin: 20px auto;
	
}

/*各贈答例*/
.zoutou_ex{
	width: 1000px;
	margin: 0 auto;

	
}

.zoutou_ex ul{
    display: flex;
    flex-direction: column;

}
.zoutou_ex li{
    display: flex;
    background-color: #EEE4EE;
    padding: 20px;
    flex-direction: row;
    flex-wrap: wrap;
	margin: 0 auto 100px;
}


/*各種背景*/
.zoutou_ex li:nth-child(1){
	background-image: url( "../img/present/ex1_back.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 400px;
}

.zoutou_ex li:nth-child(2){
	background-image: url( "../img/present/ex2_back.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 400px;
}

.zoutou_ex li:nth-child(3){
	background-image: url( "../img/present/ex3_back.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 400px;
}



.zoutou_ex_text {
	width: 250px;
	float: left;
	position: relative;
	top:-50px;
}

.zoutou_ex_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
		position: relative;
	top:-30px;
	
	align-items: center;
    justify-content: center;
}

.zoutou_ex_img{
	width: 300px;
}

.zoutou_ex_caption{
	width: 600px;
	margin: 0 0 0 40px;

}

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


/*トップ*/
.title_cont{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
	
}	
	

.title_img{
	width: 60%;
	height: auto;
	margin: 0 auto;
}

.title_main_1{
	width: 90%;
	margin: 0 auto;
}

.title_main_1 img:nth-child(1){
	width: 80%;
	float: inherit;
	margin: 0 auto;
		
}
.title_main_1 img:nth-child(2){
	width: 80%;
	margin: 0 auto;
		
}
.title_main_2{
	display: flex;
	width: 100%;
	margin: 0 auto;
}
	
.title_main_2 img{
	width: 50%;
	

}


	
	
/*贈答用ぶどう*/

#zoutou_cont{
	
	
}

.zoutou_back{
	background-image: url("../img/present/zoutou_table_back.png");
	background-size: 50vw;
	background-position: center right;
	background-repeat: no-repeat;
	padding: 40vw 0 20vw;
}

.zoutou_table{
	width: 90%;
	margin: 0 auto;
	padding: 5vw 0;
}

.zoutou_table img{
	width: 40vw;
}

	
.zoutou_table table{
	width: 100%;
	margin: 3vw auto 0;
	
}
.top_cell_tltle{
	font-size: 4.5vw;
		
}
	/*セル調整*/
	.zoutou_table tr:nth-child(n+2) th:nth-child(1){
		width: 36vw;
	}
	.zoutou_table tr:nth-child(n+2) th:nth-child(2){
		width: 23vw;
	}
	
.zoutou_table tr:nth-child(n+2) th:nth-child(1),
.zoutou_table tr:nth-child(n+2) th:nth-child(2),
.zoutou_table tr:nth-child(n+2) th:nth-child(3)
{
	
	font-size: 3.5vw;
}
	
.zoutou_table tr:nth-child(n+2) td:nth-child(1),
.zoutou_table tr:nth-child(n+2) td:nth-child(2),
.zoutou_table tr:nth-child(n+2) td:nth-child(3)
{
	
	font-size: 3.5vw;
}
	
	
	

/*各種背景*/
.zoutou_ex li:nth-child(1){

	background-position: right center;
	background-size: 100vw;
}

.zoutou_ex li:nth-child(2){
	background-position: right center;
	background-size: 100vw;

}

.zoutou_ex li:nth-child(3){
	background-position: right center;
	background-size: 100vw;

}



/*テーブル組終わり*/

.haisyou_text{
	width: 90%;
	text-align: right;
	margin: 0 auto 30px;
}

.zoutou_caution{
	width: 90%;
	margin: 5vw auto;
	
}

	
.kg_margin{
	width: 14vw;
	
}

/*各贈答例*/
.zoutou_ex{
	width: 100%;
	margin: 0 auto;
}

.zoutou_ex ul{
    display: flex;
    flex-direction: column;

}
.zoutou_ex li{
    display: flex;
    background-color: #EEE4EE;
    padding: 20px;
    flex-direction: row;
    flex-wrap: wrap;
	margin: 0 auto 20vw;
}

.zoutou_ex_text {
	width: 60%;
	float: inherit;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top:-10vw;
}

.zoutou_ex_cont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
		position: relative;
	top:-30px;
	
	align-items: center;
    justify-content: center;
}

.zoutou_ex_img{
	width: 70%;
}

.zoutou_ex_caption{
	width: 100%;
	margin: 0 auto;

}

.zoutou_ex_caption h3{
	font-size: 5vw;
	letter-spacing: -0.3vw;
}

.zoutou_ex_caption p{
	font-size: 4vw;
}

	
}/*sp終わり*/