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

@media only screen and (min-width:769px) {
	/*画像表示*/
	.pc { display: block !important; }
	.sp { display: none !important; }
	
	.gardening{	}
	.gd_line{
		background:repeating-linear-gradient(to right, #d8e1cf, #d8e1cf 10px, white 3px, white 20px);
		height: 26px;
		margin: 0px;
		border-bottom: none;
	}
	/*スクロール用*/
	.fade-in {
		opacity: 0;
		transition-duration: 1000ms;
		transition-property: opacity, transform;
	}
	.fade-in-up {transform: translate(0, 100px);}
	.fade-in-down {transform: translate(0, -100px);}
	.fade-in-left {transform: translate(-100px, 0);}
	.fade-in-right {transform: translate(100px, 0);}
	.scroll-in {opacity: 1; transform: translate(0, 0);}
	/*スクロール用終わり*/
	
	
	/*トップ画像*/
	.gd_top_index{
		display: flex;
		align-items: center;
	}
	.gd_top_image{
		width: 50%;
	}
	.gd_top_image_sp{display: none !important;}
	.gd_top_box1{
		width: 50%;
	}
		.gd_title_image{
			padding-top: 40px;
			width: 60%;
			margin: 0 auto;
			display: block;
		}
		.gd_top_text1{
			color: #667459;
			font-size: 20px;
			text-align: center;
		}
		.gd_top_text2{
			color: #667459;
			padding: 10px;
			font-size: 15px;
			text-align: center;
		}
	/*エクステリア＆ガーデンファニチャー*/
	.exterior{
		display: flex;
		flex-wrap: wrap;
		background-image: url(/img/shopstore/watanet/event/gardening/01_bg.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
	}
		.gd_title1_box1{
			display: block;
			order: 2;
			margin-top: 30px;
			height: 220px;
			width: 50%;
			padding: 50px;
			background-color:rgba(191,218,225,0.3);
		}
			.gd_title1_text1{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 35px;
			}
			.gd_title1_text2{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 20px;
			}
		.gardening_image01{
			order: 1;
			margin-top: 30px;
			margin-bottom: 30px;
			width: 50%;
			display: block !important;
		}
			.gardening_image01_sp{display: none !important; }
		
		.gd_list1{
			order: 3;
			margin-top: -30%;
			margin-left: 50%;
			width: 50%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}
			.gd_list1_1{
				margin: 0 20%;
				
			}
			.gd_list1 li{text-align: center;}
			.gd_list1 li a{height: 100%;}
			.gd_list1 a img{width: 80%;}
	
	
	/*ガーデニング用品*/
	.gardening_supplies{
		display: flex;
		flex-wrap: wrap;
		background-image: url(/img/shopstore/watanet/event/gardening/02_bg.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
	}
	
		.gd_title2_box1{
			display: block;
			order: 1;
			margin-top: 30px;
			height: 220px;
			width: 50%;
			padding: 50px;
			background-color:rgba(232,211,227,0.3);
		}
			.gd_title2_text1{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 35px;
			}
			.gd_title2_text2{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 20px;
			}
	
		.gardening_image02{
			order: 2;
			margin-top: 30px;
			margin-bottom: 30px;
			width: 50%;
			display: block !important;
		}
			.gardening_image02_sp{display: none !important; }
	
		.gd_list2{
			order: 3;
			margin-top: -30%;
			margin-right: 50%;
			width: 49%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}
			.gd_list2 li{text-align: center;}
			.gd_list2 a{height: 100%;}
			.gd_list2 a img{width: 80%;}
	
	
	
	/*農業資材*/
	.agriculture{
		display: flex;
		flex-wrap: wrap;
		background-image: url(/img/shopstore/watanet/event/gardening/03_bg.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.gd_title3_box1{
			display: block;
			order: 2;
			margin-top: 30px;
			height: 220px;
			width: 50%;
			padding: 50px;
			background-color:rgba(237,234,211,0.3);
		}
			.gd_title3_text1{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 35px;
			}
			.gd_title3_text2{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 20px;
			}
		.gardening_image03{
			order: 1;
			margin-top: 30px;
			margin-bottom: 30px;
			width: 50%;
			display: block !important;
		}
			.gardening_image03_sp{display: none !important; }
		
		.gd_list3{
			order: 3;
			margin-top: -30%;
			margin-left: 50%;
			width: 50%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}
			.gd_list3_1{
				margin: 0 20%;
			}
			
			.gd_list3 li{text-align: center;}
			.gd_list3 a{height: 100%;}
			.gd_list3 a img{width: 80%;}
	
}/*PC版閉じタグ*/

@media only screen and (min-width:769px) and (max-width:1340px) {
	.gd_list1,.gd_list3{margin-top: -25%; margin-left: 45%; width: 55%;}
	.gd_list2{margin-top: -25%; margin-right: 45%; width: 55%;}
	.gd_list1 a img,.gd_list2 a img,.gd_list3 a img{width: 60%;}
}
	


	/*SP版メニューここから*/
@media only screen and (max-width:768px) {
	.pc { display: none !important; }
	.sp { display: block!important; }
	img{height: auto;}
	.pane-main {
		margin: 0px !important;
	}
	.gd_line{
		background: repeating-linear-gradient(to right, #d8e1cf, #d8e1cf 10px, white 3px, white 18px);
		height: 22px;
		margin: 0px;
		border-bottom: none;}
	
	/*スクロール用*/
	.fade-in {
		opacity: 0;
		transition-duration: 1000ms;
		transition-property: opacity, transform;
	}
	.fade-in-up {transform: translate(0, 100px);}
	.fade-in-down {transform: translate(0, -100px);}
	.fade-in-left {transform: translate(-100px, 0);}
	.fade-in-right {transform: translate(100px, 0);}
	.scroll-in {opacity: 1; transform: translate(0, 0);}
	/*スクロール用終わり*/
	
	/*SPトップ画像*/
	.gd_top_index{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.gd_top_image_sp{
		order: 1;
		width: 100%;
	}
	.gd_top_image{display: none !important;}
	
	.gd_top_box1{
		order: 2;
		width: 100%;
	}
		.gd_title_image{
			padding: 10px;
			width: 80%;
			margin: 0 auto;
			display: block;
		}
		.gd_top_text1{
			color: #667459;
			font-size: 16px;
			text-align: center;
		}
		.gd_top_text2{
			color: #667459;
			padding: 10px;
			font-size: 13px;
			text-align: center;
		}
	/*SPエクステリア＆ガーデンファニチャー*/
	.exterior{
		display: flex;
		flex-wrap: wrap;
		background-image: url(/img/shopstore/watanet/event/gardening/01_bg.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 200%;
	}
		.gd_title1_box1{
			width: 100%;
			margin-top: 20px;
			padding: 10px;
			background-color:rgba(191,218,225,0.3);
		}
			.gd_title1_text1{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 19px;
			}
			.gd_title1_text2{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 15px;
			}
			
		.gardening_image01_sp{display: block !important;}
			.gardening_image01{display: none !important;}
	
		.gd_list1{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			padding: 30px 10px;
		}
		.gd_list1 li{width: 50%;}
			.gd_list1 a{height: 100%;}
			.gd_list1 a img{width: 100%;}
	
	
	/*SPガーデニング用品*/
	.gardening_supplies{
		display: flex;
		flex-wrap: wrap;
		background-image: url(/img/shopstore/watanet/event/gardening/02_bg.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 200%;
	}
	
		.gd_title2_box1{
			width: 100%;
			margin-top: 20px;
			padding: 10px;
			background-color:rgba(232,211,227,0.3);
		}
			.gd_title2_text1{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 19px;
			}
			.gd_title2_text2{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 15px;
			}
			.gardening_image02_sp{display: block!important; }
				.gardening_image02{display: none !important;}
			
			
	
		.gd_list2{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			padding: 30px 10px;
		}
		.gd_list2 li{width: 50%;}
			.gd_list2 a{height: 100%;}
			.gd_list2 a img{width: 100%;}
	
	
	
	/*SP農業資材*/
	.agriculture{
		display: flex;
		flex-wrap: wrap;
		background-image: url(/img/shopstore/watanet/event/gardening/03_bg.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 200%;
	}
	
	.gd_title3_box1{
			width: 100%;
			margin-top: 20px;
			padding: 10px;
			background-color:rgba(237,234,211,0.3);
		}
			.gd_title3_text1{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 19px;
			}
			.gd_title3_text2{
				margin: 10px;
				color: #372511;
				text-align: center;
				font-size: 15px;
			}
		
			.gardening_image03_sp{display: block!important; }
				.gardening_image03{display: none!important;}
		
		.gd_list3{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			padding: 30px 10px;
		}
		.gd_list3 li{width: 50%;}
			.gd_list3 a{height: 100%;}
			.gd_list3 a img{width: 100%;}
	
}/*SP版閉じタグ*/