/* カスタマイズ用CSS */
.f-mincho { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.f-bd { font-weight:bold; }
.green { color:#559A5F; }
.flex-grow-2 { flex-grow:2; }
.ec-headerSearch .ec-headerSearch__keywordBtn { width:auto; }
.btn-brown { text-align: right; }
.btn-brown a {
	background-color: #554738;
	color: #fff !important;
	padding: 5px 20px;
	border-radius: 3px;
	transition: .3s;
}
.btn-brown a:hover {
	opacity: .8;
}
.ec-secHeading__en i { color: #559A5F; }
#headerDiscript {
	background: url(../img/common/bkg_dot_brown.gif) repeat #241a08;
}
#headerDiscript h1 {
	margin: 0 auto;
	font-size: 11px;
	color: #fff;
	line-height: 25px;
	max-width: 1130px;
	padding: 0 20px 0 20px;
}
#headerInfo {
	padding-bottom:0;
	padding-top: 0;
}
.ec-headerNaviRole img { width:auto; }
.ec-layoutRole .ec-layoutRole__contents { max-width:100%; }
.ec-layoutRole {
	background: url(../img/common/bkg_body.jpg);
}
#headerContact dl dt {
	font-weight: normal;
	font-size: 13px;
    line-height: 30px;
}
#headerTel {
	font-size: 25px;
	font-weight: bold;
	line-height: 13px;
}
#headerTel > i,
#headerTel > div { display:inline-block; }
#headerTel i {
	position: relative;
	top: -10px;
}
#headerTel span {
	font-size: 10px;
	font-weight: normal;
}
#headerNavi {
	padding-bottom:0;
	padding-top:0;
}
#mainVisual {
	background: url(../img/common/bkg_dot_beige.gif);
	border-top: double 3px #241a08;
	border-bottom: double 3px #241a08;
}
.slick-dotted.slick-slider { margin-bottom:0; }
.slick-dots {
	background: url(../img/common/bkg_dot_green.gif) repeat #839b5c;
}

#topNews {
	background:#554738;
	color: #fff;

}
i.fa-newspaper { padding-right:5px; }
.ec-layoutRole__mainBottom { background:#fff; }
.ec-newsRole{ padding:0; }
.ec-newsRole .ec-newsRole__news {
	border: none;
	padding: 0;
}
.ec-newsRole .ec-newsRole__newsItem:last-of-type {
	padding: 5px 0;
}
.ec-newsRole .ec-newsRole__newsDate,
.ec-newsRole .ec-newsRole__newsHead {
	line-height:1.8;
	color: #fff;
	padding-right: 10px;
	min-width: 120px;
}
.ec-newsRole__newsTitle { min-width: 120px;}
.ec-newsRole .ec-newsRole__newsColumn { min-width: calc(100% - 240px); }
.ec-newsRole .ec-newsRole__newsTitle {
	font-size:15px;
	color:#fff;
	font-weight: normal;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
	background:#fff;
	color: #554738;
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
	background: #fff;
	padding: 10px;
	margin: 5px 0 0;
}

.ec-seasontopicRole { background:#fff; }
.ec-seasontopicRole .ec-role {
	padding-top:50px;
	padding-bottom:50px;
}
.ec-seasontopicRole .ec-topicRole__list-l { margin-bottom:10px; }
.ec-seasontopicRole .ec-topicRole__list {
	display: flex;
	flex-wrap: nowrap;
}
.ec-seasontopicRole .ec-topicRole__list .ec-topicRole__listItem{
	flex-basis: 50%;
}
.ec-seasontopicRole .ec-topicRole__listItem:not(:last-of-type) {
        margin-right: 30px;
}
.ec-categoryRole .ec-categoryRole__list {
	flex-wrap: wrap;
	max-width: 980px;
	margin: 0 auto;
}
.ec-categoryRole .ec-categoryRole__listItem {
	flex-basis: 150px;
	margin: 15px;
	height: 150px;
	text-align: center;
	vertical-align: bottom;
}
.ec-categoryRole .ec-categoryRole__listItem { margin:15px; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(1){ background: url(../img/common/cate-01.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(2){ background: url(../img/common/cate-02.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(3){ background: url(../img/common/cate-03.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(4){ background: url(../img/common/cate-04.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(5){ background: url(../img/common/cate-05.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(6){ background: url(../img/common/cate-06.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(7){ background: url(../img/common/cate-07.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(8){ background: url(../img/common/cate-08.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(9){ background: url(../img/common/cate-09.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem:nth-child(10){ background: url(../img/common/cate-10.jpg) no-repeat; }
.ec-categoryRole .ec-categoryRole__listItem a {
	display: flex;
    flex-basis: 100%;
    height: 100%;
    justify-content: center;
    align-items: flex-end;
    color: #000;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 15px;
    letter-spacing: 2px;
    padding-bottom: 8px;
}
.ec-secHeading {
	position: relative;
    background: url(../img/common/bkg_line_double.gif) repeat-x left bottom;
    font-size: 1.5em;
    line-height: 70px;
}
.ec-secHeading .ec-secHeading__ja {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 25px;
}
.ec-eyecatchRole__introEnTitle {
	letter-spacing:3px;
	color: #839b5c;
}
.ec-eyecatchRole__image { margin-top:40px; }
.ec-itemNav__nav li a {
	background: none;
}
.ec-itemNav {
	margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}
.ec-itemNav__content {
	width:100%;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.ec-itemNav__content li { padding: 10px; }
.ec-itemNav__content li img { margin-bottom:5px; }

.ec-shelfGrid{ align-items:stretch }
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd),
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
	flex-basis: 50%;
    max-width: 49%;
    border: solid 1px #241a08;
    padding: 15px;
    margin: 0;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 50px;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) { margin-right:10px; }
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) { margin-left:10px; }
.ec-shelfGrid .ec-shelfGrid__item .btn-brown {
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.productInfo {
	flex-grow: 3;
	padding-left: 15px;
}
.productInfo .productName {
	font-size: 1.2em;
    font-weight: bold;
    border-bottom: dotted 1px #241a08;
    margin-bottom: 10px;
}
.ec-productRole__tags { padding-left:0; }
.ec-productRole__tags li {
	display:inline-block;
	margin: 0 5px 5px 0;
    padding: 0 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
}
.ec-productRole__tags li.tag_1 { background: #d69090;}
.ec-productRole__tags li.tag_2 { background: #b94047;}
.ec-productRole__tags li.tag_3 { background: #db8449;}
.ec-productRole__tags li.tag_4 { background: #7b8d42;}
.ec-productRole__tags li.tag_5 { background: #698aab;}
.ec-productRole__tags li.tag_6 { background: #867ba9;}
.ec-productRole__tags li.tag_7 { background: #5DAD94;}
.price02-default {
    color: #a73836;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px auto;
}
.productInfo .productDescription { font-size:15px; }
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn { margin: 0; }
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn .listStok-none{
	background: none;
	border: none;
	color: #a73836;
	text-align: right;
	font-weight: bold;
	opacity: 1;
	padding: 0;
	height: 100%;
}
/*商品詳細*/
.ec-layoutRole__contents { margin-top:50px; }
.ec-productRole__button { margin-top:15px; }
.ec-productRole .ec-productRole__tags,
.ec-productRole .ec-productRole__code,
.ec-productRole .ec-productRole__price,
.ec-productRole .ec-productRole__category { border-bottom: dotted 1px #241a08; }
.ec-productRole .ec-productRole__tag {
	margin: 0 5px 5px 0;
	padding: 0 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 100%;
	border: none;
}
/*昆布水のチカラ*/
.kw-eyebrow { letter-spacing: .2em; font-size: 12px; color: #8a8a8a; margin-bottom: 8px; text-align: right;}
.ec-layoutRole__nekonbu {
	margin-right: auto;
    margin-left: auto;
    width: 100%;
    background: #fff;
    line-height: 2;
}
.ec-layoutRole__nekonbu section.white {
    max-width: 1150px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.ec-layoutRole__nekonbu section.gray { background:#F8F8F8; }
.ec-layoutRole__nekonbu section.gray .inner {
	padding: 30px 0;
	max-width: 1150px;
	margin: 0 auto;
}
.ec-layoutRole__nekonbu section h3 { margin-top:70px; }
.ec-layoutRole__nekonbu section p {
	font-size:16px;
	padding-top: 30px;
	padding-bottom: 50px;
}
#kombu-water .kw-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }

@media (min-width: 768px) {
  #kombu-water .kw-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
}

#kombu-water .kw-card { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
#kombu-water .kw-card h3 { font-size: 18px; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
#kombu-water .kw-card p { font-size: 15px; margin: 0; color: #444; }

.kw-icon { width: 22px; height: 22px; flex: 0 0 auto; display: inline-block; }
.kw-note { font-size: 12px; color: #777; margin-top: 18px; }
.kw-steps { counter-reset: step; margin-top: 40px;}
    @media (min-width: 768px) { .kw-steps { grid-template-columns: 1fr 1fr; } }
    .kw-step { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 16px; }
    .kw-step h4 { margin: 0 0 6px; font-size: 16px; font-weight: bold;}
    .kw-step h4::before { counter-increment: step; content: "STEP " counter(step); font-size: 11px; letter-spacing: .08em; color: #8a8a8a; margin-right: 8px; }
    .kw-step p { margin: 0; font-size: 14px; color: #444; padding-bottom: 20px!important;}
.kw-step .flex-item img { padding:15px; }
.kw-step-2 {
	margin-top:30px;
	font-weight: bold;
	font-size: 16px;
}
.media-section {
  max-width: 1080px;
  margin: 0 auto 40px;
  padding: 0 20px;
  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  color: #333;
}

.media-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}

.media-left {
  flex: 2;
  min-width: 320px;
  aspect-ratio: 16 / 9;
}

.media-left iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}

.media-right {
  flex: 1;
  min-width: 260px;
}

.media-right h3 {
  font-size: 20px;
  margin: 0 0 12px!important;
  color: #222;
  border-left: 3px solid #8fb38a;
  padding-left: 10px;
}

.media-right p {
  font-size: 15px;
  line-height: 1.9;
}

.media-right em {
  font-style: normal;
  color: #537c68;
  font-weight: 600;
}

/* スマホ・タブレット対応 */
@media (max-width: 768px) {
  .media-layout {
    flex-direction: column;
  }
  .media-right h3 {
    border-left: none;
    border-top: 2px solid #8fb38a;
    padding-left: 0;
    padding-top: 8px;
    margin-top: 10px;
  }
}



@media only screen and (max-width: 768px) {
	#headerDiscript h1 { display:none; }
	#headerDiscript {
		height:5px;
		margin-bottom: 10px;
	}
	#headerContact { display:none; }
	.ec-sliderRole { padding:0; }
	.ec-role { padding: 0 10px; }
	.ec-categoryRole .ec-categoryRole__listItem {
		margin: 9px;
		width:100%;
		flex-basis: 100px;
	}
	.ec-seasontopicRole .ec-topicRole__list {
		flex-wrap: wrap;
		padding: 20px 0;
	}
	.ec-seasontopicRole .ec-topicRole__list .ec-topicRole__listItem { flex-basis: 100%; }
	.ec-seasontopicRole .ec-topicRole__listItem:not(:last-of-type) {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.ec-newsRole .ec-newsRole__newsDate,
	.ec-newsRole .ec-newsRole__newsHead { display:inline; }
	.ec-newsRole .ec-newsRole__newsItem:last-of-type {
		margin-bottom:5px;
	}
	.ec-newsRole .ec-newsRole__news div {line-height: 1.3;}
	.ec-newsRole .ec-newsRole__newsTitle { margin-bottom:3px; }

	.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd),
	.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
		flex-basis: 100%;
		width: 100%;
	    max-width: 100%;
	    border: solid 1px #241a08;
	    padding: 15px 15px 60px 15px;
	    margin: 0 0 20px 0;
	}
	.price02-default { text-align:right; }
	.ec-itemNav{
		padding: 0;
		margin: 0;
	}
	.ec-itemNav__nav {
		width: 100%;

	}
	.category-list-pc { display:none; }

}