/*Jimdo修正　Stockholm*/

/*--------------------------
jimdo
----------------------------*/

html,
.body{
    overflow-x: hidden!important;
    position: relative;
	font-size: 62.5%!important;}
.jtpl-content.content-options.cc-content-parent{
	background-image: url('https://u.jimcdn.com/cms/o/s14df39dfedb54f72/userlayout/img/img-bk.jpg?t=1676707683');
	background-repeat: repeat;}
.jtpl-content__inner{
	padding-top: 0!important;
	padding-bottom:0!important; }
table{
    border-collapse : collapse;}
table td,
table th{
    border: 1px solid #ccc;
    padding: 12px 10px;}
table th {
	text-align: left;
	color: #fff;
    background-color:#19a78e;
    font-weight: normal!important;}
td p{
    margin-bottom: auto!important;}
div.j-text + div.j-table{
    margin-top: auto!important;}
img{
    max-width: 100%;}

/*テキスト*/
.j-header h2,
.j-text h2{
	position: relative;
	padding-bottom: 2rem;
	margin-bottom: 4rem;}
.j-header h2::after,
.j-text h2::after{
	position: absolute;
	bottom: 0;
	left: calc(50% - 100px);
	width: 200px;
	height: 10px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
.j-header h3,
.j-text h3{
	margin-bottom: 1rem!important;}
.j-module.n.j-header,.j-module.n.j-text{
    margin: 0 auto;padding: 0 5px;}
.j-header {
	text-align: center!important;}
.j-text p{  
    margin-bottom: 2rem;
    text-align: justify;
    font-feature-settings: "palt";}
.j-text p:last-of-type{ 
    margin-bottom: 0}
.j-text ul,
.j-text ol { 
    margin: 0 auto 0; }
.j-text li {
    margin: 0 5px 5px -15px;
    padding: auto;}
.j-text li:last-child { 
    margin-bottom: 0!important;}
#content_area .j-module.n.j-text a{
    text-decoration: underline }
.mceEditable a{
	text-decoration: underline!important;}

/*hr*/
.j-hr hr{
	border: none!important;
	margin: 2rem auto;
	height: 3px;
	background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}

/*リンクボタン*/
.j-calltoaction-link-style-1,
.j-calltoaction-link-style-2,
.j-calltoaction-link-style-3{
	padding-right: 3rem!important;
	margin: 0 auto!important;}
.j-calltoaction-link-style-3{
	padding-top: 1.3rem!important;}
.j-calltoaction-link-style-1,
.j-calltoaction-link-style-2,
.j-calltoaction-link-style-3{
	position: relative;}
	.j-calltoaction-link-style-1::after,
	.j-calltoaction-link-style-2::after,
	.j-calltoaction-link-style-3::after{
		position: absolute;
		top: 50%;
		right: 1.5rem;
		width: 0.5rem;
		height: 0.5rem;
		transform: translateY(-50%) rotate(45deg);
		border-right: 2px solid currentColor;
		border-top: 2px solid currentColor;
		content: "";}
	.j-calltoaction-link-style-1.bottom::after,
	.j-calltoaction-link-style-2.bottom::after,
	.j-calltoaction-link-style-3.bottom::after{
		transform: translateY(-50%) rotate(135deg);}
.j-calltoaction-link-style-2{
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	width: 200px;}

/*Googleアイコン*/
.material-icons,
.material-symbols-outlined{
    display: inline-flex;
    vertical-align: middle;
    margin-bottom: 4px;}
.material-symbols-outlined {
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 48}

/*ブログ*/
h1.j-blog-header{
	box-sizing: border-box;
	margin-top: 18px;}
h1.j-blog-header.j-blog-post--headline.j-blog-post--headline{
	margin-top: 0;
	margin-bottom: 15px;}
	h2.j-blog-headline.j-blog-post--headline::before{
		content:none;}
.n.j-blog-meta.j-blog-post--header{
	margin-top: -10px;}
.j-blog-meta a{
	text-decoration: none!important;}
.j-blog.n.clearover.j-blogarticle .j-module.n.j-text:first-child {
	display: inline-block;
	color: #fff;
	margin-left: 5px;
	padding: 3px 10px 1px;
	background-color: #19a78e;
	font-size: 1.2rem;
	box-sizing: border-box;}
.j-text.j-blog-post--date{
	color: #fff;
	margin-left: -5px;
	display: inline-block;
	padding: 3px 10px 1px;
	background-color: #19a78e;
	font-size: 1.2rem;
	box-sizing: border-box;}

/*フッター*/
footer p{ 
	font-size: 14px!important; }
	footer a:hover.j-calltoaction-link-style-2{
		color: #689df6!important; }

/*--------------------------
boc
----------------------------*/
.widthMax{
	margin-left: calc( ( 100% - 100vw ) / 2 );
	margin-right: calc( ( 100% - 100vw ) / 2 );}
.center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1ch;}
.popnplop-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);}
.mtop30{
	margin-top: 30px!important; }

/*公開画面だけメニュー表示を消す*/
.cc-pagemode-default#page-1931281465 .j-nav-variant-nested,
.cc-pagemode-default#page-1931281465 .jtpl-mobile-topbar{
	display: none;}
#page-1931281465 header,
#page-1931281465 .jtpl-header{
	display: none; }
p.lead{
	font-size: 2.8rem;
	line-height: 1.75;
	margin-bottom: 2rem!important;}
.Instagram img{
	width: 50px;}

/*KV*/
.kv{
	position: relative;
	width: 100%;
	height: 100vh;
	margin-top: -25px;
	background-image: url('https://u.jimcdn.com/cms/o/s14df39dfedb54f72/userlayout/img/kv-pc-1.jpg?t=1676715310'); 
    background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;}

/*商品*/
.item{
	display: block;
	margin: 0 0 -5px;
	padding: 20px;
	box-sizing: border-box;
	border-top-left-radius: 0;
	border-top-right-radius: 30px}
.item.basil{
	background-color: #c4c801;}
.item.fennel{
	background-color: #d5a8c7;}
.item.coriander{
	background-color: #f0c101;}
.item.parsley{
	background-color: #f5746f;}
.item.mustard{
	background-color: #ebdc67;}
.item img{
	margin-top: 20px;}
p.item-name{
	position: relative;
	font-size: 2.5rem;
	margin-bottom: 1rem!important;
	padding-bottom: 2.5rem;}
p.item-name::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #fff, #fff 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #fff, #fff 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
p.item-name-shoulder{
	font-size: 1.6rem;
	font-family: 'Kalam', cursive!important;
	margin-bottom: 0.8rem!important;
	position: relative;
	display: inline-block;
	padding-left: 25px;
	color: #000 }
	p.item-name-shoulder:before {
		content: '';
		position: absolute;
		top: 40%;
		left:0; 
		display: inline-block;
		width: 15px;
		height: 1px;
		background-color: #000; }
.item-kv{
	width: 100%;
	height: 800px;
	background-image: url('https://u.jimcdn.com/cms/o/s14df39dfedb54f72/userlayout/img/img-item-kv.jpg?t=1676703461'); 
    background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;}
	@media (max-width:768px){
		.item-kv{
			height: 50vh;}}
p.item-kv-text{
	font-size:4rem;
	line-height: 1;
	font-family: 'Kalam', cursive!important;
	font-weight: 300;}

/*販売店*/
.shop{
	display: block;
	width: 100%;
	padding-left: 15px;
	border-left: solid 2px #000;}
.bayer{
	display: block;
	width: 100%;
	padding: 25px 30px;
	box-sizing: border-box;
	/*border: solid 2px #000;*/
	background-color: #ebdc67;}
p.bayer-lead {
	font-size: 2rem;}
.bayer .j-callToAction{
	margin-top: 10px;
	margin-left: -5px;}
.bayer a{
	text-decoration: none!important;}

/*山浦農園について*/
.about-kv{
	width: 100%;
	height: 800px;
	background-image: url('https://u.jimcdn.com/cms/o/s14df39dfedb54f72/userlayout/img/img-about-kv.jpg?t=1676710111'); 
    background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;}
	@media (max-width:768px){
		.about-kv{
			height: 50vh;}}
.about-warp{
	display: block;
	margin: 0 auto;
	width: 1000px;
	margin-top: -150px;
	padding: 50px;
	box-sizing: border-box;
	background-color: #c4c801;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px}
	@media (max-width:768px){
		.about-warp{
			width: 100%;
			margin-top: -100px;
			padding: 40px 20px 20px;}}
.about-warp img{
	border-radius: 10px;
	margin-top: 20px;}

@media (min-width:768px){
	.sp{
		display: none; }}
@media (max-width:768px){
	.cc-m-spacer{
		max-height:auto!important;
		min-height:auto!important;}}