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

/*追記 20251007*/
/*PC*/
@media only screen and (min-width: 1280px) {
	/*トップページ*/
	#top_plist {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 50px 0;
	}
	
	#top_plist h2 {
		position: relative;
        display: block;
		margin-bottom: 45px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 3.2rem;
        font-weight: 900;
        line-height: normal;
        letter-spacing: 1.28rem;
        text-align: center;
        color: #6ec300;
        text-shadow: 0.4rem 0.4rem 0 #fff;
	}
	
	#top_plist h2 font {
		display: block;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 2rem;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.4rem;
        text-align: center;
        color: #514327;
	}
	
	/*IYONEとは*/
	#about_plist {
		padding-top: 30px!important;
		padding-bottom: 50px!important;
		background-color: #fff!important;
	}
	
	/*商品一覧*/
	#item_plist {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 50px;
	}
	
	.mv_pro_img01 {
		width: 140px!important;
	}
	
	/*共通_商品リスト*/
	.p_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relative;
		width: 1240px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	.p_list .loop {
		display: block;
		position: relative;
		width: 270px;
		height: auto;
		margin: 0 20px 40px 20px;
	}
	
	.p_list .loop .img {
		position: relative;
		width: 270px;
		height: 270px;
		overflow: hidden;
	}
	
	.p_list .loop .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 270px;
		object-fit: cover;
		object-position: center;
	}
	
	.p_list .loop .text {
		position: relative;
		width: 100%;
		height: auto;
		margin: 17px auto 0 auto;
	}
	
	.p_list .loop .text p.t_catch {
		font-size: 16px;
		font-weight: 400;
        font-family: "Zen Old Mincho";
		letter-spacing: 0.5px;
		line-height: 16px;
		text-align: center;
		color: #514327;
	}
	
	.p_list .loop .text h3  {
		position: relative;
		margin: 10px auto 30px auto;
		font-size: 22px;
		font-weight: 400;
        font-family: "Zen Old Mincho";
		letter-spacing: 1px;
		line-height: 28px;
		text-align: center;
		color: #514327;
	}
	
	.p_list .loop .text h3::after {
		content: "";
		position: absolute;
		bottom: -15px;
		left: 0;
		width: 100%;
		height: auto;
		--w: 1px;
		--dash: 5px;
		--gap: 5px;
		border: var(--w) solid transparent;
		border-image: repeating-linear-gradient(
			90deg,
			#8BCC37 0 var(--dash),
			transparent var(--dash) calc(var(--dash) + var(--gap))
		) 1 round;
	}
	
	.p_list .loop .text p.t_textarea {
		font-size: 15px;
		font-weight: 400;
		font-family: "Noto Sans JP", sans-serif;
		letter-spacing: 0.5px;
		line-height: 24px;
		text-align: left;
		color: #514327;
	}
	
	.p_list .loop .text p.t_price {
		margin: 18px auto 18px auto;
		font-size: 20px;
		font-weight: 500;
        font-family: "Zen Old Mincho";
		letter-spacing: 1px;
		line-height: 20px;
		text-align: center;
		color: #514327;
	}
	
	.p_list .loop .text p.t_price font {
		position: relative;
		margin-left: 5px;
		font-size: 14px;
		font-weight: 400;
		font-family: "Noto Sans JP", sans-serif;
		letter-spacing: 1px;
		line-height: 14px;
	}
	
	.p_list .loop .text a {
		display: block;
		position: relative;
		width: 225px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 16px 0 16px 0;
		font-size: 16px;
		font-weight: 500;
		font-family: "Zen Kaku Gothic New", sans-serif;
		letter-spacing: 1px;
		line-height: 16px;
		color: #fff;
		text-align: center;
		background: #6EC300;
		border: solid 1px #6EC300;
		border-radius: 100px;
		box-sizing: border-box;
		transition: 0.4s;
	}
	
	.p_list .loop .text a:hover {
		color: #6EC300;
		background: #fff;
		border: solid 1px #6EC300;
	}

}

/*SMP*/
@media only screen and (max-width: 1280px) {
	/*トップページ*/
	#top_plist {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 25px 0;
	}
	
	#top_plist h2 {
		position: relative;
        display: block;
		margin-bottom: 22px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 2rem;
        font-weight: 900;
        line-height: normal;
        letter-spacing: 0.8rem;
        text-align: center;
        color: #6ec300;
        text-shadow: 0.2rem 0.2rem 0 #fff;
	}
	
	#top_plist h2 font {
		display: block;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.28rem;
        text-align: center;
        color: #514327;
	}
	
	/*IYONEとは*/
	#about_plist {
		padding-top: 15px!important;
		padding-bottom: 25px!important;
		background-color: #fff!important;
	}
	
	/*商品一覧*/
	#item_plist {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 25px;
	}
	
	.mv_pro_img01 {
		width: 90px!important;
	}
	
	/*共通_商品リスト*/
	.p_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relative;
		width: 360px;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
	.p_list .loop {
		display: block;
		position: relative;
		width: 160px;
		height: auto;
		margin: 0 10px 20px 10px;
	}
	
	.p_list .loop .img {
		position: relative;
		width: 160px;
		height: 160px;
		overflow: hidden;
	}
	
	.p_list .loop .img img {
		display: block;
		position: relative;
		width: 100%;
		height: 160px;
		object-fit: cover;
		object-position: center;
	}
	
	.p_list .loop .text {
		position: relative;
		width: 100%;
		height: auto;
		margin: 9px auto 0 auto;
	}
	
	.p_list .loop .text p.t_catch {
		font-size: 9.8px;
		font-weight: 400;
        font-family: "Zen Old Mincho";
		letter-spacing: 0.2px;
		line-height: 10px;
		text-align: center;
		color: #514327;
		/*white-space: nowrap;*/
	}
	
	.p_list .loop .text h3  {
		position: relative;
		margin: 5px auto 18px auto;
		font-size: 14px;
		font-weight: 400;
        font-family: "Zen Old Mincho";
		letter-spacing: 1px;
		line-height: 18px;
		text-align: center;
		color: #514327;
	}
	
	.p_list .loop .text h3::after {
		content: "";
		position: absolute;
		bottom: -9px;
		left: 0;
		width: 100%;
		height: 1px;
		border-bottom: dashed 1px #8BCC37;
	}
	
	.p_list .loop .text p.t_textarea {
		font-size: 10px;
		font-weight: 400;
		font-family: "Noto Sans JP", sans-serif;
		letter-spacing: 0.5px;
		line-height: 16px;
		text-align: left;
		color: #514327;
	}
	
	.p_list .loop .text p.t_price {
		margin: 9px auto 9px auto;
		font-size: 15px;
		font-weight: 500;
        font-family: "Zen Old Mincho";
		letter-spacing: 1px;
		line-height: 15px;
		text-align: center;
		color: #514327;
	}
	
	.p_list .loop .text p.t_price font {
		position: relative;
		margin-left: 2.5px;
		font-size: 11px;
		font-weight: 400;
		font-family: "Noto Sans JP", sans-serif;
		letter-spacing: 0.5px;
		line-height: 11px;
	}
	
	.p_list .loop .text a {
		display: block;
		position: relative;
		width: 155px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 11px 0 11px 0;
		font-size: 12px;
		font-weight: 500;
		font-family: "Zen Kaku Gothic New", sans-serif;
		letter-spacing: 1px;
		line-height: 12px;
		color: #fff;
		text-align: center;
		background: #6EC300;
		border: solid 1px #6EC300;
		border-radius: 100px;
		box-sizing: border-box;
	}

}