img{ max-width: 100%; margin: auto;}
.idt1{ text-indent: -1em; padding-left: 1em !important;}
.idt2{ text-indent: -2em; padding-left: 2em !important;}
.idt3{ text-indent: -3em; padding-left: 3em !important;}



#no1{
}
#no1 .fv{
	margin-bottom: 120px;	
}
#no1 section h2{
	position: relative;
	top: -20px;
}
#no1 .fv img{
	margin: 40px auto;	
}
#no1 .fv .lead{
	max-width: 1024px;
	margin: 80px auto;
	font-size: 155%;
	line-height: 1.8em;
	letter-spacing: 1px;
	text-align: center;
}
#no1 .bg1,
#no1 .bg2,
#no1 .bg3{
	background-size: 1920px!important;
	margin-top: -80px;
	padding-bottom: 120px;
	position: relative;
	top: 80px;
}
#no1 .bg1{ background: url("../img/no1/bg1.svg") repeat-x center top;}
#no1 .bg2{ background: url("../img/no1/bg2.svg") repeat-x center top;}
#no1 .bg3{ background: url("../img/no1/bg3.svg") repeat-x center top;}


#no1 .block{
	position: relative;
	margin: 80px 0;
}
#no1 .block .flex{
	display: flex;
	justify-content: space-between;
}
#no1 .block .img{
	position: relative;
}
#no1 .block h3{
	margin: 40px 0;
}
#no1 .block .img i{
	position: absolute;
	top: 0;
}
#no1 .block .txt{
	font-size: 150%;
	line-height: 1.8em;
	letter-spacing: 1px;
}
#no1 .block .txt img{
	margin: 20px 0 0;
}

#no1 .column2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#no1 .column2 .block{
	width: 46%;
	margin: 40px 0;
}
#no1 .column2 .block h3{
	margin: 0;
	position: relative;
	top: 30px;
	z-index: 9;
}
#no1 .column2 .block h3 img{
	margin: 0;
}
#no1 .column2 .block .txt{
	margin-top: 40px;
}


#no1 .block .linkBtn {
    margin: 30px 0;
}
#no1 .block .linkBtn ul {
    display: flex;
    flex-wrap: wrap;
}
#no1 .block .linkBtn .ulR {
	justify-content: right;
    align-items: center;
}

#no1 .block .linkBtn ul li {
    margin: 5px;
    text-align: center;
}
#no1 .block .linkBtn ul li a {
	display: block;
    width: 260px;
    padding: 8px;
    color: #FFF;
    line-height: 1.4em;
    border-radius: 10px;
    font-size: 130%;
}
#no1 .block .linkBtn .ulCutbranches li a {
	font-size: 90%;
}
#no1 .block .linkBtn .aSmall li a {
    width: 209px;
    font-size: 105%;
}
#no1 .block .linkBtn ul li.brand a {
    background: #C7736A;
}
#no1 .block .linkBtn ul li.shop a {
    background: #ECBE00;
}


#no1 .melon{ margin-top: 140px;}
#no1 .melon .txt{	max-width: 500px;}
#no1 .melon .img i:nth-of-type(1){ top: -190px; left: 0;}
#no1 .melon .img i:nth-of-type(2){ top: -250px; right: -540px;}

#no1 .chestnuts{ margin-top: 100px;}
#no1 .chestnuts .flex{ flex-direction: row-reverse;}
#no1 .chestnuts .txt{	max-width: 465px;}

#no1 .lotus-root{}
#no1 .lotus-root .flex{ flex-direction: row-reverse;}
#no1 .lotus-root .txt{ max-width: 370px;}
#no1 .lotus-root .img i{ top: 400px; left: -100px;}
#no1 .lotus-root .img .pc{ margin-left: 140px;}

#no1 .green-peppers{}
#no1 .green-peppers .img{ margin-top: 170px;}
#no1 .green-peppers .img i{ top: -140px; left: 0;width: 200px;}
#no1 .green-peppers .txt{ max-width: 455px;}


#no1 .potherb-mustard{}
#no1 .potherb-mustard .img i{ top: -140px; right: 0;}

#no1 .seri{}
#no1 .seri .img i{ top: -120px; right: 0;}

#no1 .komatsuna{}
#no1 .komatsuna .img i{ top: -120px; right: -10px;}

#no1 .bok-choy{}
#no1 .bok-choy .img i{ top: -120px;right: -50px;z-index: 9;transform: rotate(20deg);}


#no1 .sweet-potato{ margin-top: 0;}
#no1 .sweet-potato .flex{ flex-direction: row-reverse;}
#no1 .sweet-potato .img .pc{ margin: -80px 0 0 140px;}
#no1 .sweet-potato .img i{ top: 60px; left: -50px;}
#no1 .sweet-potato .txt{ max-width: 380px; margin-top: 50px;}

#no1 .egg{}
#no1 .egg .txt{ max-width: 500px;}
#no1 .egg .img{ margin-top: 80px;}
#no1 .egg .img i{ top: -140px; right: -40px;}

#no1 .hoshiimo{}
#no1 .hoshiimo .flex{ flex-direction: row-reverse;}
#no1 .hoshiimo .txt{ max-width: 400px; margin-top: 100px;}
#no1 .hoshiimo .img .pc{ margin: -20px 0 0 130px;}

#no1 .beer{}
#no1 .beer .txt{ max-width: 460px;}
#no1 .beer .img .pc{ margin-top: 20px;}

#no1 .iwashi{}
#no1 .iwashi .txt{ max-width: 470px;}
#no1 .iwashi .img{ margin-top: 80px;}
#no1 .iwashi .img i{ top: -80px; left: 370px; width: 270px;}

#no1 .saba{}
#no1 .saba .flex{ flex-direction: row-reverse;}
#no1 .saba .txt{ max-width: 470px;}
#no1 .saba .img{ margin-top: 170px;}
#no1 .saba .img i{ top: -160px; left: 50px; width: 350px;}

#no1 .column2 .koi h3{ position: static;	margin-bottom: 40px;}
#no1 .column2 .koi .img i{ top: -150px; left: -40px; width: 150px;}

#no1 .column2 .ebi h3{ position: static;	margin-bottom: 40px;}
#no1 .column2 .ebi .img i{ top: -230px; left: 310px; width: 160px;}

#no1 .cut-branches{}
#no1 .cut-branches .img{ margin-top: 20px;}
#no1 .cut-branches .img i{ top: -50px; left: 870px; width: 180px;}
#no1 .cut-branches .txt{ max-width: 480px;}
#no1 .cut-branches .txt h3{ margin: 20px 0;}

#no1 .turf{}
#no1 .turf .flex{ flex-direction: row-reverse;}
#no1 .turf .img{ margin-top: 60px;}
#no1 .turf .img i{ top: -10px; left: -230px; width: 250px;}
#no1 .turf .txt{ max-width: 440px;}
#no1 .turf .txt h3{ margin: 20px 0;}

#no1 .beer .img i{ top: 200px; right: -500px;}



#no1 .bnner{
	margin: 200px 0;
}
#no1 .bnner ul{
	margin: 80px 0;
}
#no1 .bnner ul li a:hover{
	opacity: .8;
}

*, ::before, ::after {
  box-sizing: content-box;
}

body{
	letter-spacing: 0;
}

@media screen and (max-width: 736px) {

  #no1 .inner{ width: auto;}
	#no1 .sp {
		display: inline-block !important;
	}
	
	#no1 {}
	#no1 .fv{}
	#no1 .fv .sp{
		margin: 0 10px;
		display: block !important;
	}
	
	#no1 .fv .lead {
		margin: 40px 20px;
		font-size: 130%;
		line-height: 1.8em;
		text-align: left;
	}
	#no1 .block .flex{
		display: block;
	}
	
	#no1 section h2 img{
		height: 120px;
	}
	#no1 .block {
		margin: 80px 10px;
	}
	#no1 .block h3 {
		margin: 20px 0;
	}
	#no1 .block h3 img{
		max-height: 80px;
	}
	#no1 .block .img {
		margin-bottom: 20px;
	}
	#no1 .block .txt {
		font-size: 120%;
		line-height: 1.6em;
	}
	
	#no1 .column2 {
		display: block;
	}
	#no1 .column2 .block {
		width: auto;
		margin: 80px 10px;
	}
	
	#no1 .block .linkBtn ul li {
		width: 100%;
	}
	#no1 .block .linkBtn ul li a {
		width: auto;
	}	
	
	
	#no1 .melon {	margin-top: 0;}
	#no1 .melon .img{	margin-top: 160px;}	
	#no1 .melon .img i:nth-of-type(1) {	width: 25%;	top: -50px;	left: 0;}	
	#no1 .melon .img i:nth-of-type(2) {	width: 80%;	top: -140px; right: 0;}
	
	#no1 .lotus-root { margin-top: 0;}
	#no1 .lotus-root .img{ margin-top: 10px;}	
	#no1 .lotus-root .img img:nth-of-type(1) { transform: scale(1.1);}
	#no1 .lotus-root .img i {	top: 70%;	width: 30%; left: auto; right: 0;}
	#no1 .lotus-root .txt {	max-width: none;}
	
	#no1 .green-peppers .img{ margin-top: 0;}	
	#no1 .green-peppers .img i { top: -100px; left: auto; right: 0; width: 120px;}
	
	#no1 .column2 .block h3 {	top: 0;}
	
	#no1 .potherb-mustard .img i {top: -110px; right: 0;	width: 130px;}
	
	#no1 .seri .img i {top: -110px; right: 0;	width: 130px;}
	
	#no1 .komatsuna .img i {top: -110px;right: -10px;width: 110px;}
	
	#no1 .bok-choy .img i {top: -110px; right: 0;	width: 100px;}
	
	#no1 .sweet-potato .img img { transform: scale(1.1);}
	#no1 .sweet-potato .txt {	max-width: none; margin-top: 0;}
	#no1 .sweet-potato .img i { top: -100px; left: auto; right: 20px; width: 80px; }
	
	#no1 .egg {	margin-top: 20px;}
	#no1 .egg .img i { top: -100px; right: 0; width: 150px;}
	
	#no1 .hoshiimo { margin-top: 40px;}
	#no1 .hoshiimo .img img { transform: scale(1.1);}
	#no1 .hoshiimo .txt {	max-width: none; margin-top: 0;}
	
	#no1 .beer { margin-top: 20px;}
	#no1 .beer .txt {	margin-top: 30px;}
	#no1 .beer .img i {	top: auto; right: -10px; width: 150px; bottom: -20px;}
	
	
	#no1 .iwashi { margin-top: 20px;}
	#no1 .iwashi .img{ margin-top: 0;}
	#no1 .iwashi .img i {	top: -90px;left: -10px;width: 110px;transform: scale(-1, 1);}

	#no1 .saba { margin-top: 20px;}
	#no1 .saba .img{ margin-top: 0;}
	#no1 .saba .img i {	top: -100px;left: auto;right: -10px;width: 130px;transform: rotate(10deg);}
	
	#no1 .column2 .koi { margin-top: 20px;}
	#no1 .column2 .koi h3{ margin: 20px 0;}
	#no1 .column2 .koi .img{ margin-top: 0;}
	#no1 .column2 .koi .img i {	top: -90px;left: -10px;width: 90px;}
	#no1 .column2 .koi .txt{ margin-top: 0;}
	
	#no1 .column2 .ebi { margin-top: 20px; margin-bottom: 0;}
	#no1 .column2 .ebi h3{ margin: 20px 0;}
	#no1 .column2 .ebi .img{ margin-top: 0;}
	#no1 .column2 .ebi .img i {	top: -140px;left: auto;right: -10px;width: 100px;}
	#no1 .column2 .ebi .txt{ margin-top: 0;}
	
	#no1 .cut-branches { margin-top: 20px;}
	#no1 .cut-branches .img {	width: 80%;margin: -10px auto 20px;}
	#no1 .cut-branches .img i{ top: -100px;left: auto;right: -30px;width: 110px;}
	
	#no1 .turf .img {	margin-top: -10px;}
	#no1 .turf .img i{ top: -80px;left: auto;right: 0;width: 180px;}
	
	#no1 .turf { margin-bottom: 40px;}
	
	
	
	
	#no1 .bnner {
		margin: 0 10px;
	}
	#no1 .bnner ul {
		margin: 20px 20px 100px;
	}
	
	

}


/* ADD CSS 2024.10.18 */
/*---------------------------------
	#no1 .melon
---------------------------------*/
#no1 .inner{
	padding: 0;
}
#no1 .inner .breadLink{
	margin-top: 40px;
}
#no1 h2 img,#no1 .melon h3 img{
	margin-left: auto;
	margin-right: auto;
}
#no1 .chestnuts .flex{
	align-items: center;
}
#no1 .lotus-root .img i {
    left: -27px;
}
#no1 .beer .img i {
    top: 300px;
}
@media screen and (max-width: 736px) {
    #no1 .lotus-root .img i {
        left: auto;
    }
	#no1 .beer .img i {
    top: auto;
}
}