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

/* --------- --------- --------- --------- ---------
	ヘッダー円テクスチャとタイトル１
--------- --------- --------- --------- --------- */

/*202006 _バナー追加分*/
#dosuika_lp_bnr{
	width: 100%;
	display: block;
	margin: 0 auto;
}
#dosuika_lp_bnr a {
	display: block;
	margin: 0 auto;
	width: 980px;
	transition: 0.2s;
}
#dosuika_lp_bnr a:hover{
	opacity: 0.6;
	transition:0.2s;
}
#dosuika_lp_bnr a .bnr_sp{
	display: none;
}
@media screen and (max-width : 1000px ){
	#dosuika_lp_bnr a {
	width: 98%;
}
	#dosuika_lp_bnr a img{
	width: 100%;
	}
}
@media screen and (max-width : 768px ){
	#dosuika_lp_bnr a .bnr_pc{
	display: none;
}
	#dosuika_lp_bnr a .bnr_sp{
	display: block;
}
}
@media screen and (max-width : 550px ){
	#dosuika_lp_bnr{
		padding-top: 40px;
	}
}


#top_texha{
	width:100%;
	height:112px;
	background:url(top_material/index_material/top_texcha.png) no-repeat center;
	position:absolute;
	bottom:-410px;
	z-index:0;
}
#top_texha_hasei{
	width:100%;
	height:112px;
	background:url(top_material/index_material/top_texcha.png) no-repeat center;
	position:absolute;
	bottom:-402px;
	z-index:-1;
}
#content_wrap,#content_wrap_hasei{
	width:100%;
	background:url(top_material/index_material/texcha.png);
	position:relative;
	top:395px;
}
#content_wrap_hasei{
	top:387px;	
}
#top_c2_wrap{
	width:100%;
	background:#FCFBF6;
}
#top_c3_wrap{
	width:100%;
	padding-bottom:92px;
}
#top_c4_wrap{
	width:100%;
	background:#FCFBF6;
}
.nami_top{
	width:100%;height:20px;
	background:url(top_material/index_material/naminami_top.png) no-repeat center;
}
.nami_bottom{
	width:100%;height:20px;
	background:url(top_material/index_material/naminami_bottom.png) no-repeat center;
}
#top_c1{
	width:1018px;
	display:block;margin:0 auto;
}
#top_c1_hasei{
	width:100%;	
}


#top_c_t,#top_c_t_hasei,#top_c_t_hasei_doinouen{
	width:1000px;height:125px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_1.png) no-repeat center;
	background-size:1000px 125px;
	position:absolute;
	top:-38px;left:0;right:0;
}
#top_c_t{
	top:400px;
}

#top_c_t_hasei{
	width:1001px;height:125px;
	top:-41px;
	background:url(top_material/index_material/b_title_3_ie8.png) no-repeat center;
	background-size:1001px 125px;
}

#top_c_t_hasei_syouhin{
	width:1001px;height:123px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_2_ie8.png) no-repeat center;
	position:absolute;
	top:-38px;left:0;right:0;
}

#top_c_t_hasei_contact{
	width:1001px;height:123px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_5_ie8.png) no-repeat center;
	position:absolute;
	top:-38px;left:0;right:0;
}

#top_c_t_hasei_shoppng{
	width:1001px;height:123px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_4_ie8.png)no-repeat center;
	position:absolute;
	top:-38px;left:0;right:0;
}
#top_c2{
	width:979px;
	display:block;margin:0 auto;
	padding-top:34px;
}
#top_c_t2{
	width:1001px;height:123px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_2.png) no-repeat center;
	background-size:1001px 123px;
}
#top_c3{
	display:block;margin:0 auto;
	margin-top:0px;
}
#top_c_t3{
	width:1001px;height:125px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_3_ie8.png) no-repeat center;
	margin-top:49px;
}
#top_c4{
	width:100%;
	display:block;margin:0 auto;	
}
#top_c_t4{
	width:1001px;height:123px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_4_ie8.png) no-repeat center;
}
@media screen and (max-width : 1050px ){
#top_texha{
	z-index:0;
}
#top_c1,#top_c2,#top_c3{
	width:95%;
}
#top_c_t,#top_c_t_hasei,#top_c_t_hasei_doinouen{
	width:485px;height:104px;
	background:url(top_material/index_material/b_title_1_1024.png);
	background:url(top_material/index_material/b_title_1_1024_ie8.png)\9;
	background-size:485px 104px;
	top:-30px;
}
/*202006 _バナー追加分*/
#top_c_t{
	top:320px;		
}
#top_c_t_hasei_syouhin{
	width:505px;height:103px;
	background:url(top_material/index_material/b_title_2_1024.png);
	background:url(top_material/index_material/b_title_2_1024_ie8.png)\9;
	background-size:505px 103px;
	top:-30px;
}
#top_c_t_hasei_contact{
	width:505px;height:103px;
	background:url(top_material/index_material/b_title_5_1024.png);
	background-size:505px 103px;
	top:-30px;
}
#top_c_t_hasei_shoppng{
	width:505px;height:103px;
	background:url(top_material/index_material/b_title_4_1024.png);
	background-size:505px 103px;
	top:-30px;
}
#top_c_t2{
	width:505px;
	height:103px;
	background:url(top_material/index_material/b_title_2_1024.png);
	background:url(top_material/index_material/b_title_2_1024_ie8.png)\9;
	background-size:505px 103px;
}
#top_c_t3{
	width:484px;height:104px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_3_1024.png) no-repeat center;
	background-size:484px 104px;
	margin-top:40px;
}
#top_c_t4{
	width:505px;height:103px;
	display:block;margin:0 auto;
	background:url(top_material/index_material/b_title_4_1024.png) no-repeat center;
	background-size:505px 103px;
}
#top_c_t_hasei{
	width:484px;height:104px;
	background:url(top_material/index_material/b_title_3_1024.png);
	background-size:484px 104px;
	top:-40px;
}
}
@media screen and (max-width : 768px ){
#content_wrap_hasei{
	top:245px;
}
#top_c_t,#top_c_t_hasei,#top_c_t_hasei_doinouen{
	top:36px;
}
#top_c_t_hasei_syouhin,#top_c_t_hasei_contact,#top_c_t_hasei_shoppng{
	top:36px;	
}
#top_c_t{
	top:-25px;	
}
/*202006 _バナー追加分*/
#top_c_t{
	top:380px;	
}

#top_c1{
	width:95%;
}
#top_c3_wrap{
	padding-bottom:75px;
}
#top_texha{bottom:-400px;}
#content_wrap{top:374px;}
}
@media screen and (max-width : 650px ){
#top_c_t{
	top:300px;	
}
}
@media screen and (max-width : 550px ){
#content_wrap_hasei{
	top:135px;
}
#top_texha_hasei{
	bottom:-200px;
}
#top_c1,#top_c2{
	width:100%;
	padding:0 4%;
	box-sizing:border-box;
}
#top_c_t,#top_c_t_hasei,#top_c_t_hasei_doinouen{
	width:75%;
	background-repeat:no-repeat;
	background-size:100%;top:20px;
}
/*202006 _バナー追加分*/
#top_c_t{
	top:240px;
}
#top_c_t_hasei_syouhin{
	width:75%;
	background-repeat:no-repeat;
	background-size:100%;top:20px;
}
#top_c_t_hasei_contact,#top_c_t_hasei_shoppng{
	width:75%;
	background-repeat:no-repeat;
	background-size:100%;top:25px;
}
#top_c2{
	padding-top:10px;	
}
#top_c_t2,#top_c_t3,#top_c_t4{
	width:75%;background-repeat:no-repeat;
	background-size:100%;
	padding-top:20px;
}
#top_texha{display:none;}
#content_wrap{top:131px;}
}
@media screen and (max-width : 480px ){
#top_c_t2{
	padding-top:0px;
}
#top_c_t3{
	padding-top:0px;	
}
#top_c_t4{padding-top:0px;}
#top_c3_wrap{padding-bottom:40px;}
}
/* --------- --------- --------- --------- ---------
	お買い物
--------- --------- --------- --------- --------- */
#top_c_t4{
	padding-top:61px;
}
.c4_c1_wrap{
	width:958px;
	display:block;margin:0 auto;
	margin-top:22px;
	padding-bottom:69px;
}
.shopping{
	width:600px;
	float:left;
	position:relative;
}
.c4_c1_wrap a img{
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;		
}
.c4_c1_wrap a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.8;
	opacity:0.8;	
}
.shop_img{
	width:600px;
	height:300px;
	float:left;
	position:relative;
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;	
	/*
	height:300px;
	*/
	background:url(top_material/c4/bunner_img.png) no-repeat;
	background:url(top_material/c4/bunner_img_ie8.png) no-repeat\9;
	background-size:cover;
	background-size:600px 300px\9;
}
.shop_bunner{
	width:275px;
	position:absolute;
	top:21px;
	left:20px;
}
.tyoku_buy{
	width:340px;
	height:300px;
	float:right;
	background:#fff;
	border:10px solid #3c9025;
	border-radius:5px;
	box-sizing:border-box;
}
.tyoku_img{width:320px;height:180px;}
.tyoku_img2{
	width:260px;height:101px;
	display:block;margin:0 auto;
	position:relative;
	top:-43px;
}
.tyoku_img_sp{display:none;}

/*---- 土肥農園の商品紹介 ----*/
.about_product{
	width:960px;height:130px;
	display:block;margin:0 auto;
	margin-top:17px;
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;	
}
.about_product:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.a_p_img_pc{
	width:960px;	
}
.a_p_img_sp{
	display:none;	
}
@media screen and (max-width : 1050px ){
#top_c_t4{
	padding-top:61px;
}
.c4_c1_wrap{
	width:95%;
	display:block;margin:0 auto;
	padding-top:22px;
	padding-bottom:69px;
}
.shopping{
	width:100%;
	float:none;
}
.shop_img{
	width:100%;
	float:none;
	height:0;
	padding-top:50%;
	/*height:350px;*/
	background-size:cover;
	background-size:100% auto\9;
}
.shop_bunner{
	width:45%;
	position:absolute;
	top:7%;left:3.5%;
}
.tyoku_buy{
	margin-top:15px;
	width:100%;
	height:auto;
	float:none;
	border:5px solid #3c9025;
}
.tyoku_img{
	display:none;
}
.tyoku_img_sp{
	display:block;
	width:100%;height:auto;
}
.tyoku_img2{
	display:none;
}
/*---- 土肥農園の商品紹介 ----*/
.about_product{
	width:100%;
	margin-top:0px;
}
.a_p_img_pc{
	display:none;	
}
.a_p_img_sp{
	display:block;
	width:100%;	
}
}
@media screen and (max-width : 768px ){
#top_c_t4{
	padding-top:61px;
}
.c4_c1_wrap{
	width:95%;
	display:block;margin:0 auto;
	padding-top:22px;
	padding-bottom:30px;
}
.shopping{
	width:100%;
	float:none;
}
.shop_img{
	width:100%;
	/*height:300px;*/
	background:url(top_material/c4/bunner_img_sp.png) no-repeat;
	background-size:cover;
	background-size:100% auto\9;
}
}
@media screen and (max-width : 650px ){
.shop_bunner{
	width:45%;height:auto;
	position:absolute;
	top:7%;left:3.5%;
}
.c4_c1_wrap{
	padding-bottom:20px;
}
}
@media screen and (max-width : 550px ){
#top_c_t3{
	margin-top:0px;
}
#top_c_t4{
	padding-top:10px;
}
.c4_c1_wrap{
	padding-top:0px;	
}
.shop_bunner{
	position:absolute;
	width:48%;
	top:6%;left:4%;
}
.tyoku_buy{
}
}
@media screen and (max-width : 480px ){
#top_c_t4{
	padding-top:0px;
}
.shop_bunner{
	position:absolute;
	width:48%;
	top:6%;left:4%;
}
}