@charset "euc-jp";
/* CSS Document */
/*---------------------------------- 
	(c)SBD Style 
	Template:DoMo lettuce
	ver:0.1
	type:Giga_plan_kiji
	トップ
----------------------------------*/

/*スライドショーデフォルトCSSリセット*/
#container div.content div.lSSlideOuter div.lSSlideWrapper.usingCss,
#container div.content div.lSSlideOuter div.lSSlideWrapper.usingCss ul#image-gallery.gallery.list-unstyled.lightSlider.lsGrab.lSSlide,
#container div.content div.lSSlideOuter div.lSSlideWrapper.usingCss ul#image-gallery.gallery.list-unstyled.lightSlider.lsGrabbing.lSSlide,
#container div.content div.lSSlideOuter div.lSSlideWrapper.usingCss div.lSAction
{
margin-bottom:10px;
}

#container div.content div.lSSlideOuter ul.lSPager.lSGallery{
margin-left:auto;
margin-right:auto;
}
#container div.content div.lSSlideOuter{
margin-bottom:10px;
}
/*----------------------------*/
#container div.content div.info ul.information{
	height:100px;
	overflow-y:scroll;
	list-style-type:none;
	font-size:0.8em;
}
#container div.content div.info ul.information li{
	border-bottom:dashed 1px #CCC;
}
#container div.content div.info ul.information li > span{
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	
}
#container div.content div.info ul.information li > a{
 
  padding-left:10px;
}
#container div.content div.info ul.information li span.new{
	color:#f5697c;
}
#container div.content div.info ul.information li span.inf{
	color:#813a87;
}
#container div.content div.info ul.information li span.ups{
	color:#1e90ff;
}

#container div.content div.info ul.information li span::after{
	content:"";
}

/*----------------------------
トップページフリースペース
-----------------------------*/

#container div.content div.top_free_space{
	padding:5px 0;
}

#container div.slide_top{
width:980px;
margin-bottom: 10px;
}
/*------------------------------------*/
/* review js*/
#review{
  display:none;
 }
.rev_navi{
  position:relative;
    height:50px;
}
.rev_navi ul,
.rev_navi ul li{
    float:left;
 }
.rev_navi ul{
  width:110px;
  position:absolute;
  left:50%;
  margin-left:-50px;

}
 .rev_navi ul li a{
   width:30px;
   padding:5px;
   border: solid 1px #CCC;
   border-radius:5px;
   text-align:center;
   display:block;
   margin-right:10px;
 }
#rev_info,
#rev_info p{
  text-align:center;
  margin-bottom:10px !important;

 }
.rev_img_close{
	display:none !important;
}

.rev_shop_comment{
	display:none;
}
.rev_comment{
	height:2em;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:0px;
}
.rev_more{
  clear:both;
  line-height:2em;
  height:2em;
  display:block;
  text-align:center;
  padding:0px;
  margin-left:auto;
  margin-right:auto;
  width:100px;
  border:solid 1px #CCC;
  border-radius:8px;
  color:#0066FF;
}
.rev_more:hover,.rev_open:hover{
  color:#FFF;
}
.rev_more_close{
  display:none;
}
.rev_close{
  display:none;
}
.rev_open{
  clear:both;
  display:block;
  line-height:2em;
  height:2em;
  text-align:center;
  padding:0px;
  margin-left:auto;
  margin-right:auto;
  width:100px;
  border:solid 1px #CCC;
  border-radius:8px;
  color:#0066FF;
}


/*------------------------*/
.lSSlideWrapper .lSAction a{
  display:none;
}
.lSSlideWrapper:hover .lSAction a{
  display:block;   
}
/*------------------------*/
.kiji {
  list-style:none;
}
.kiji li{
  margin-bottom:10px;
  list-style: none !important;
}
.kiji li> a{
  display:table-cell;
  width:200px;
  height:200px;
  text-align:center;
  overflow:hidden;
  vertical-align:middle;
}
.kiji li> a img{
  max-width:100%;
  display:inline;
  max-height:100%;
  
}
.kiji li> dl{
  display:table-cell;
  vertical-align:top;
  padding-left:20px;

}
.kiji li> dl .price {
	text-align: right;
	display: block;
}
#top_menu img {
    width: 100%;
}
#top_menu li{
  width:48%;
  margin-right:4%;
  float:left;
  text-align:center;
}

#top_menu li:nth-child(2n+2){
  margin-right:0;
}

#top_menu li:nth-child(2n+3){
  clear:both;
}
#top_menu::after {
	clear: both;
	content: "";
	display: block;
}
.side_box .top_img{
  min-width: 1480px;
}
.kiji-list{
  display:table;
  width:100%;
}
.kiji-list li{
  width:24%;
  float:left;
  margin-right:1.25%;
}
.kiji-list li:nth-child(4n+4){
  margin-right:0;
}

.kiji-list li:nth-child(4n+5){
  clear:both;
}

.kiji-list li .img{
  display:table-cell;
  height:160px;
  vertical-align:middle;
}
.kiji-list li .right-box,
.kiji-list li .right-box p{
  margin-bottom:0 !important;
}
#image-gallery {
	height: 751px;
}
.shop_recommend ul {
	display: flex;
}
.shop_recommend a {
	box-shadow: 0 0 0 2px #c11f1f;
	display: block;
}
.shop_recommend li img {
    max-width: 223px !important;
}
.flavor_list {display: flex;flex-flow: wrap;width: 98%;	margin: 0 auto;}
.flavor_list li {position: relative;max-width: 33.33%;	margin: 0 !important;}
.flavor_list li span {position: absolute;bottom: 14px;z-index: 1;left: 0;width: 100%;text-align: center;
font-weight: bold;	color: #fff;text-shadow: 0 0 7px #000,0 0 7px #000;}
.flavor_list li a {	display: block;}
h3.new_item .more {   float: right;  font-size: 0.7em;  padding: 0;  display: inline-flex;  height: auto;}
.shop_recommend ul li {	width: 25%;}
.shop_recommend ul li a img {max-width: 100% !important;}
ul.set_block {	display: flex;	gap: 3%;}
.set_block li {	flex-basis: 50%;}
.sns_area {	display: flex;	gap: 1%;}
.seisansya_list {display: flex;	flex-wrap: wrap;gap: 1px;margin-bottom: 1px !important;}
.seisansya_list li {flex-basis: 0;flex-grow: 1;	aspect-ratio: 1/1;	min-height: unset;}
.seisansya_list li img {border: none;bottom: 0;	box-shadow: none;height: 100%;	left: 0;	margin: 0;	max-height: none;	max-width: none;	object-fit: cover;	outline: none;	padding: 0;	position: absolute;	right: 0;	top: 0;	width: 100%;}
.seisansya_list li a > div {	position: relative;	aspect-ratio: 1/1;	overflow: hidden;margin-bottom: 0;}
.seisansya_list li span.farm_name {position: absolute;bottom: 0;width: 100%;justify-content: center;	display: flex;background: #00000085;	color: #fff;padding: 10px 5px;	font-weight: bold;	font-size: 0.8em;	word-break: break-all;}
.seisansya_list .area_name {position: absolute;	top: 0;	z-index: 1;	background: #79952e;	color: #fff;	font-size: 0.8em;	padding: 2px 5px;}
