/* カスタマイズ用CSS */
input[type="radio"] {
	width: auto;
	height: 15px;
}
input[type="checkbox"]{ width:1em; }
button { width:auto; }
i.fas,
.ec-headerNav .ec-headerNav__itemIcon { color:#EA5C3A; }
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search { background:#EA5C3A; }

.content-block {
	margin: 150px auto;
}
.ec-role img { width:auto; }
.ec-layoutRole .ec-layoutRole__contents,
.ec-sliderRole { max-width:100%; }
.ec-sliderRole { padding:0; }

#top-logo a img { max-height:100px; }
.ec-shelfRole img { width:355px; }
.ec-layoutRole__mainBottom h2 {
	text-align: center;
	margin-bottom: 100px;
}
.sp-br { display:none; }
.flex-grow-3 { flex-grow:3; }

/*ニュース*/
.ec-newsRole .ec-newsRole__news{
	border: 16px solid #FCEEEB;
}
.ec-newsRole .ec-newsRole__newsCloseBtn { background:#FCEEEB; }
/*おすすめ商品*/
.item_name {
	margin-top: 50px;
    color: #000;
    font-weight: bold;
}
/*カテゴリ*/
.ec-categoryRole { background:#fff; }
.ec-categoryRole a:hover {
	transition: .6s;
	opacity: .7;
}
.ec-categoryRole .ec-categoryRole__list{ flex-direction: column; }
.ec-categoryRole .ec-categoryRole__listItem {
	width:100%;
	margin-bottom: 0;
}
#cate-biwa {
    background: url(/html/template/default/assets/img/top/bkg_title-biwa.jpg);
    background-size: cover;
    background-position-x: center;
    padding: 20px 0;
    transition: .4s;;
}
#cate-mikan {
    background: url(/html/template/default/assets/img/top/bkg_title-mikan.jpg);
    background-size: cover;
    padding: 20px 0;
    transition: .4s;
    text-align: end;
}
/*豊かな自然に囲まれた玄海農園*/
.ec-topicRole { background:#fff; }
#about-comment {
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 2em;
    margin: 100px auto;
    letter-spacing: 2px;
}
/*インスタグラム*/
#insta {
	width: 100%;
	height: 75vh;
}
.ec-instagramRole h3 {
	color: #39B54A;
	margin: 50px 0;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
}

.item_name a {
	position:relative;
	padding-top: 20px;
	transition: .3s;
}
.item_name a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 5px;
    background: #39B54A;
    transition: all .3s;
    transform: scale(1, 1);
    transform-origin: left top;
}
.item_name a:hover { color:#39B54A; }
.item_name a:hover::after {
	width: 150px;
}

/*◆about◆*/
#about h2 {
	margin:50px 0 0 0;
	padding-left: 10px;
}
.line-or {
	margin-bottom:30px;
}
.line-dot { margin:50px 0; }
#about p { padding:50px 30px; }
#info { margin-top:100px; }

/*■商品ページ■*/
/*list*/
.ec-shelfGrid .ec-shelfGrid__item {width: 100%;}
.product_info { padding-left:20px; }
.list-name {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 15px;
}
.list-price {
	color: #DE5D50;
	font-size:1.3em;
	font-weight: bold;
	text-align: right;
	margin-bottom: 15px;
}
.list-button {
	margin-top:15px;
}
.ec-productRole__btn { vertical-align:bottom; }
.list-r {
	padding-left:100px;
	text-align: right;
}
#productList li{	margin-bottom: 0px;}
.product_info { flex-grow:3; }
.ec-productRole__tags { padding:0 0 20px 0; }
.ec-productRole__tags li {
    display: inline-block;
    padding: 2px 5px;
    list-style: none;
    font-size: 80%;
}
/*detail*/
h2.ec-headingTitleTop {
    color: #E95A3A;
    font-weight: bold;
    font-size: 100%;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
	font-size: 20px;
	font-weight: bold;
	color: #E95A3A;
}
.ec-productRole .ec-productRole__tag {
	border: none;
	background: none;
}
.ec-productRole__descriptionList {
	padding-bottom: 14px;
  border-bottom: 1px dotted #ccc;
}
.ec-productRole__category { margin-bottom:14px; }
.ec-productRole__description table {
	width: 80%;
	margin: 50px auto;
	font-size: 1.5em;
	font-weight: bold;
}
.ec-productRole__description table tr {
	border-bottom: 1px dotted #ccc;
}
.ec-productRole__description table thead {
	font-weight: bold;
	color: #E95A3A;
}
.ec-productRole__description table tr td { padding:10px; }
.ec-productRole__description table tr th { padding:10px; }

/*◆マイページ◆*/
.mypage .ec-layoutRole__main {
	max-width:1150px;
	margin: 0 auto;
}

/*◆注文画面◆*/
.ec-progress .is-complete .ec-progress__number { background:#E95A3A; }
.ec-progress .is-complete .ec-progress__label { color:#E95A3A; }

/*help/特定商取引法*/
.ec-borderedDefs dd.tradelaw-text { line-height:1.5; }


/*スライドJS用*/
.loop-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* 高さは画像比率に依存。固定したい場合は明示指定も可 */
}

.loop-track {
  display: flex;
  align-items: center;
  gap: 0;              /* 画像の継ぎ目無し */
  will-change: transform;
}

.loop-track > img {
  flex: 0 0 auto;
  height: auto;
  max-height: 60vh;   /* 好みで */
  width: auto;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
  display: block;
}

/* 端を少しフェードさせたい場合（任意）
.loop-slider::before,
.loop-slider::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  width: 32px; pointer-events: none;
}
.loop-slider::before {
  left: 0; background: linear-gradient(to right, rgba(255,255,255,0.9), transparent);
}
.loop-slider::after {
  right: 0; background: linear-gradient(to left, rgba(255,255,255,0.9), transparent);
}
*/

/* ホバー時は停止（JSのpauseと二重化してもOK） */
.loop-slider:is(:hover, :focus-within) .loop-track {
  /* 視覚的な変化は不要。停止はJS側で行う */
}


/*メディアクエリ*/
@media only screen and (max-width: 768px){
	.ec-role {
		padding-right: 10px;
		padding-left: 10px;
	}
	.ec-newsRole .ec-newsRole__news{ padding:5px; }

}
@media only screen and (max-width: 570px){
	.content-block { margin:100px 0; }
	.ec-layoutRole__mainBottom h2 { margin-bottom:50px; }
	.sp-br { display:inherit; }
	#block-recommend .ec-shelfGrid__item {
		flex-direction: row;
		width: 100%;
		margin-bottom: 0;
	}
	.ec-shelfGrid__item .caption { flex-grow: 3; }
	.item_name { margin-top:0; }
	.item_name a::after { content:none; }
	.item_price { marg }
	#block-recommend .ec-shelfGrid__item:nth-child(odd) { padding-right:0; }
	#block-recommend .ec-shelfGrid__item:nth-child(even) { padding-left:0; }
	#about-comment {
		font-size:.95em;
		margin: 50px 0;
	}

	/*商品一覧*/
	.ec-shelfRole {padding: 10px;}
	.product_info {
		padding-left:0;
	}
	.list-name {
		font-size:.9em;
		margin-bottom: 5px;
	}
	.list-cap { display:none; }
	.list-r { padding:0;margin:0!important; }
	.line-dot { margin:20px 0; }
	.list-price { margin-bottom: 5px; }
	.ec-select { margin-bottom:10px; }
}