/* CSS Document */
section.store_top{
  box-sizing: border-box;
  width: 100vw;
  background-color: #f5f5f5;
  display: flex;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.store_top{
  padding: var(--headerHeight) 7vw calc(15.6vw + 1.5rem) 7vw;
}
body[wc-view-type="sp"] section.store_top,
body[wc-view-type="tb"] section.store_top{
  flex-direction: column;
}
body[wc-view-type="tb"] section.store_top,
body[wc-view-type="tb-l"] section.store_top{
  padding: var(--headerHeight) 8vw calc(13vw + 1.5rem) 8vw;
}
body[wc-view-type="tb-l"] section.store_top,
body[wc-view-type="pc"] section.store_top{
  align-items: center;
}
body[wc-view-type="pc"] section.store_top{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2) 128px calc((100vw - 1100px) / 2);
}
section.store_top div.store_top_left{
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.store_top div.store_top_left,
body[wc-view-type="tb"] section.store_top div.store_top_left{
  padding-bottom: 1.5rem;
  width: 100%;
}
body[wc-view-type="tb-l"] section.store_top div.store_top_left,
body[wc-view-type="pc"] section.store_top div.store_top_left{
  width: 50%;
}
body[wc-view-type="tb-l"] section.store_top div.store_top_left{
  padding-right: 3rem;
}
body[wc-view-type="pc"] section.store_top div.store_top_left{
  padding-right: 4rem;
}
section.store_top div.store_top_left div.contents_title{ 
  padding-left: 0; 
}
section.store_top div.store_top_left > .store_middle_title{
   font-size: 1.75rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
body[wc-view-type="sp"] section.store_top div.store_top_left > .store_middle_title,
body[wc-view-type="tb"] section.store_top div.store_top_left > .store_middle_title{
  transition: opacity 1s 200ms ease;
  -webkit-transition: opacity 1s 200ms ease;
}
section.store_top div.store_top_left > .store_middle_title.wcvisible.wcvisible{
  opacity: 1;
}
section.store_top div.store_top_left > div.store_t_text{
}
section.store_top div.store_top_left > div.store_t_text p{
  font-weight: 300;
  line-height: 1.8rem;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.store_top div.store_top_left > div.store_t_text p.wcvisible{
  opacity: 1;
}
section.store_top div.store_top_right{  
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
body[wc-view-type="tb"] section.store_top div.store_top_right{
  transition: opacity 1s 500ms ease;
  -webkit-transition: opacity 1s 500ms ease;
}
section.store_top div.store_top_right.wcvisible{
  opacity: 1;
}
body[wc-view-type="tb-l"] section.store_top div.store_top_right,
body[wc-view-type="pc"] section.store_top div.store_top_right{
  width: 50%;
}
section.store_top div.store_top_right figure{
}
section.store_top div.store_top_right figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.store_top div.store_top_right figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="tb"] section.store_top div.store_top_right figure img,
body[wc-view-type="tb-l"] section.store_top div.store_top_right figure img{
  height: 45vw;
}
section.store_top::after{
  content: "";
  position: absolute;
  width: 100vw;
  z-index: 2;
  background-color: #fff;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  left: 0;
  right: 0;
}
body[wc-view-type="sp"] section.store_top::after{
  height: 15.6vw;
  bottom: -1px;
  -webkit-mask-image: url("/img/svg/sp_deco_left_down.svg?202311221707");
  mask-image: url("/img/svg/sp_deco_left_down.svg?202311221707");
}
body[wc-view-type="tb"] section.store_top::after{
  height: 13.5vw;
  bottom: -1px;
  -webkit-mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
  mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
}
body[wc-view-type="tb-l"] section.store_top::after{
  height: 141.5px;
  bottom: -1px;
  -webkit-mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
  mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
}
body[wc-view-type="pc"] section.store_top::after{
  height: 128px;
  bottom: -1px;
  -webkit-mask-image: url("/img/svg/pc_deco_left_down.svg?202311221840");
  mask-image: url("/img/svg/pc_deco_left_down.svg?202311221840");
}
/*直売・産直のこだわり*/
section.store_commitment{
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.store_commitment{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] section.store_commitment,
body[wc-view-type="tb-l"] section.store_commitment{
  padding: var(--headerHeight) 8vw;
}
body[wc-view-type="pc"] section.store_commitment{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
section.store_commitment div.contents_title{
  padding-left: 0;
}
section.store_commitment > p.s_c_top_text{
  font-weight: 300;
  margin-bottom: 1.5rem;
  line-height: 1.8rem;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.store_commitment > p.s_c_top_text.wcvisible{
  opacity: 1;
}
section.store_commitment div.s_c_block{
  display: flex;
}
body[wc-view-type="sp"] section.store_commitment div.s_c_block,
body[wc-view-type="tb"] section.store_commitment div.s_c_block,
body[wc-view-type="tb-l"] section.store_commitment div.s_c_block{
  flex-direction: column;
}
section.store_commitment div.s_c_block div.s_c_box{
  display: flex;
  border: solid 1px #2fb2cf;
  box-sizing: border-box;
  padding: 1rem;
  position: relative;
  z-index: 1;
  margin-bottom: calc(var(--headerHeight) / 2);
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.store_commitment div.s_c_block div.s_c_box.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.store_commitment div.s_c_block div.s_c_box,
body[wc-view-type="pc"] section.store_commitment div.s_c_block div.s_c_box{
  flex-direction: column;
}
body[wc-view-type="pc"] section.store_commitment div.s_c_block div.s_c_box{
  width: calc((100% / 3) - 1rem);
  padding: 1.5rem;
  margin-bottom: 0;
}
body[wc-view-type="pc"] section.store_commitment div.s_c_block div.s_c_box:nth-of-type(2){
  margin: 0 1.5rem;
}
body[wc-view-type="tb-l"] section.store_commitment div.s_c_block div.s_c_box{
  padding: 1.5rem;
}
section.store_commitment div.s_c_block div.s_c_box:last-of-type{
  margin-bottom: 0;
}
section.store_commitment div.s_c_block div.s_c_box span.num{
  background-color: #fff;
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
  border: solid 1px #2fb2cf;
  border-top: none;
  border-left: none;
  color: #2fb2cf;
  font-family: "Jost";
  font-size: 1.25rem;
  line-height: 1em;
  padding: 0.5rem 1rem;
}
body[wc-view-type="tb-l"] section.store_commitment div.s_c_block div.s_c_box span.num,
body[wc-view-type="pc"] section.store_commitment div.s_c_block div.s_c_box span.num{
  padding: 0.75rem 1.5rem;
}
section.store_commitment div.s_c_block div.s_c_box div.s_c_img{
}
body[wc-view-type="tb"] section.store_commitment div.s_c_block div.s_c_box div.s_c_img,
body[wc-view-type="tb-l"] section.store_commitment div.s_c_block div.s_c_box div.s_c_img{
  width: 50%;
}
section.store_commitment div.s_c_block div.s_c_box div.s_c_img figure{
}
section.store_commitment div.s_c_block div.s_c_box div.s_c_img picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.store_commitment div.s_c_block div.s_c_box div.s_c_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.store_commitment div.s_c_block div.s_c_box p{
  padding-top: 1rem;
  box-sizing: border-box;
  font-weight: 300;
  line-height: 1.8rem;
}
body[wc-view-type="tb"] section.store_commitment div.s_c_block div.s_c_box p,
body[wc-view-type="tb-l"] section.store_commitment div.s_c_block div.s_c_box p{
  width: 50%;
}
body[wc-view-type="tb"] section.store_commitment div.s_c_block div.s_c_box p{
  padding-left: 2rem;
}
body[wc-view-type="tb-l"] section.store_commitment div.s_c_block div.s_c_box p{
  padding-left: 3rem;
}
/*商品紹介*/
section.product{
  box-sizing: border-box;
  width: 100vw;
  background-color: #f5f5f5;
}
body[wc-view-type="sp"] section.product{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] section.product,
body[wc-view-type="tb-l"] section.product{
  padding: var(--headerHeight) 8vw;
}
body[wc-view-type="pc"] section.product{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
section.product div.contents_title{
  padding-left:0; 
}
section.product div.product_wrap{
}
section.product div.product_wrap > article{
  display: flex;
  margin-bottom: var(--headerHeight);
}
body[wc-view-type="sp"] section.product div.product_wrap > article{
  flex-direction: column;
  margin-bottom: var(--headerHeight);
}
section.product div.product_wrap > article:last-of-type{
  margin-bottom: 0;
}
section.product div.product_wrap article:nth-of-type(even){
  flex-direction: row-reverse;
}
section.product div.product_wrap > article div.product_text{
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
body:not([wc-view-type="sp"]) section.product div.product_wrap > article div.product_text,
body:not([wc-view-type="sp"]) section.product div.product_wrap > article div.product_slider{
  width: 50%;
}
body[wc-view-type="sp"] section.product div.product_wrap > article div.product_text{
  padding: 1rem 1rem 2rem calc(50px + 1rem);
  min-height: calc(160px + 1rem);
}
body[wc-view-type="tb"] section.product div.product_wrap > article div.product_text{
  padding:1rem 2rem 1rem calc(8vw + 1rem);
}
body[wc-view-type="tb"] section.product div.product_wrap > article:nth-of-type(even) div.product_text{
  padding:1rem calc(8vw + 1rem) 1rem 2rem;
}
body[wc-view-type="tb-l"] section.product div.product_wrap > article div.product_text{
  padding:1.5rem 3rem 1.5rem calc(55px + 1.5rem);
}
body[wc-view-type="tb-l"] section.product div.product_wrap > article:nth-of-type(even) div.product_text{
  padding:1.5rem calc(55px + 1.5rem) 1.5rem 3rem;
}
body[wc-view-type="pc"] section.product div.product_wrap > article div.product_text{
  padding:2rem 4rem 2rem calc(60px + 2rem);
}
body[wc-view-type="pc"] section.product div.product_wrap > article:nth-of-type(even) div.product_text{
  padding:2rem calc(60px + 2rem) 2rem 4rem;
}
section.product div.product_wrap > article div.product_text > h1{
  position: absolute;
  z-index: 2;
  top: 0;
  padding: 0 0.5rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
body[wc-view-type="sp"] section.product div.product_wrap > article div.product_text > h1{
  left: 0;
}
body[wc-view-type="sp"] section.product div.product_wrap > article div.product_text > h1{
  width: 50px;
  height: 160px;
}
body[wc-view-type="tb"] section.product div.product_wrap > article div.product_text > h1{
  width: 60px;
  height: 165px;
}
body[wc-view-type="tb-l"] section.product div.product_wrap > article div.product_text > h1{
  width: 55px;
  height: 165px;
}
body[wc-view-type="pc"] section.product div.product_wrap > article div.product_text > h1{
 width: 65px;
  padding: 1rem 0.5rem; 
}
body:not([wc-view-type="sp"]) section.product div.product_wrap > article:nth-of-type(odd) div.product_text > h1{
  left: 0;
}
body:not([wc-view-type="sp"]) section.product div.product_wrap > article:nth-of-type(even) div.product_text > h1{
  right: 0;
}
section.product div.product_wrap > article div.product_text > h1::before,
section.product div.product_wrap > article div.product_text > h1::after{
  content: "";
  width: 1px;
  background-color: #333;
  position: absolute;
  top: 0;
  transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  height: 0;
}
section.product div.product_wrap > article div.product_text > h1::before{
  left: 0;
}
section.product div.product_wrap > article div.product_text > h1::after{
  right: 0;
}
section.product div.product_wrap > article div.product_text > h1.wcvisible::before, section.product div.product_wrap > article div.product_text > h1.wcvisible::after{
  height: 100%;
}
section.product div.product_wrap > article div.product_text > h1 span.border{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: 300;
  line-height: 1em;
  color: #333;
  padding-right: 1vw;
  box-sizing: border-box;
  transition: opacity 0.75s 0.5s ease;
  -webkit-transition: opacity 0.75s 0.5s ease;
  opacity: 0;
  white-space: nowrap;
}
body[wc-view-type="sp"] section.product div.product_wrap > article div.product_text > h1 span.border{
  font-size: 2.2rem;
}
body[wc-view-type="tb"] section.product div.product_wrap > article div.product_text > h1 span.border{
  font-size: 2.1rem;
  padding-right: 5px;
}
body[wc-view-type="tb-l"] section.product div.product_wrap > article div.product_text > h1 span.border{
  font-size: 2.3rem;
  padding-right: 0.1rem;
}
body[wc-view-type="pc"] section.product div.product_wrap > article div.product_text > h1 span.border{
  font-size: 2.5rem;
  padding-right: 0.15rem;
}
section.product div.product_wrap > article div.product_text > h1.wcvisible span.border{
  opacity: 1;
}
section.product div.product_wrap > article div.product_text > p{
  font-weight: 300;
  line-height: 1.8rem;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.product div.product_wrap > article div.product_text > p.wcvisible{
  opacity: 1;
}
section.product div.product_wrap > article div.product_slider{
}
section.product div.product_wrap > article div.product_slider div.p_slider{
}
section.product div.product_wrap > article div.product_slider div.p_slider div.p_slider_box{
}
section.product div.product_wrap > article div.product_slider div.p_slider div.p_slider_box  figure{
}
section.product div.product_wrap > article div.product_slider div.p_slider div.p_slider_box  figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.product div.product_wrap > article div.product_slider div.p_slider div.p_slider_box  figure img.p_slider_img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] section.product div.product_wrap > article div.product_slider div.p_slider div.p_slider_box figure img.p_slider_img{
  height: 50vw !important;
}
body[wc-view-type="sp"] section.product .comboslider-slide .comboslider .cs_item img:not(.wcnotinterfere),
body[wc-view-type="sp"] section.product .comboslider-slide .comboslider .cs_item video:not(.wcnotinterfere){
  height: 50vw !important;
  width: 86vw;
}
body[wc-view-type="tb"] section.product .comboslider-slide .comboslider .cs_item img:not(.wcnotinterfere),
body[wc-view-type="tb"] section.product .comboslider-slide .comboslider .cs_item video:not(.wcnotinterfere){
  height: 200px !important;
  width: 42vw !important;
}
body[wc-view-type="tb-l"] section.product .comboslider-slide .comboslider .cs_item img:not(.wcnotinterfere),
body[wc-view-type="tb-l"] section.product .comboslider-slide .comboslider .cs_item video:not(.wcnotinterfere){
  height: 25vw !important;
  width: 42vw !important;
}
body[wc-view-type="pc"] section.product .comboslider-slide .comboslider .cs_item img:not(.wcnotinterfere),
body[wc-view-type="pc"] section.product .comboslider-slide .comboslider .cs_item video:not(.wcnotinterfere){
  height: 350px !important;
  width: 550px !important;
}
/*おすすめ商品*/
body[wc-view-type="sp"] section.featured_products{
	padding: var(--headerHeight) 0.75rem calc(var(--headerHeight) + 16vw)  0.75rem;
}
body[wc-view-type="tb"] section.featured_products,
body[wc-view-type="tb-l"] section.featured_products{
	padding: var(--headerHeight) 8vw calc(var(--headerHeight) + 13vw) 8vw;
}
body[wc-view-type="pc"] section.featured_products{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2) calc(var(--headerHeight) + 128px) calc((100vw - 1100px) / 2);
}
/*後々削除*/
body[wc-view-type="tb"] section.featured_products > div.f_product_wrap > article div.f_product_text > p.product_text,
body[wc-view-type="tb-l"] section.featured_products > div.f_product_wrap > article div.f_product_text > p.product_text,
body[wc-view-type="sp"] section.featured_products > div.f_product_wrap > article div.f_product_text > p.product_text{
  margin-bottom: 0.5rem;
}
section.featured_products > div.f_product_wrap > article div.f_product_text > p.money{
  display: none !important;
}


body[wc-view-type="tb"] section.featured_products > div.f_product_wrap > article div.f_product_text div.btn.border,
body[wc-view-type="tb-l"] section.featured_products > div.f_product_wrap > article div.f_product_text div.btn.border,
body[wc-view-type="pc"] section.featured_products > div.f_product_wrap > article div.f_product_text div.btn.border{
  margin-top: auto !important;
}