@charset: "utf-8";

.main_visual,
.main_visual_long {
  background-size: 100% auto;
  max-width: 740px;
  max-height: 331px;
  padding: 45vw 0 200px;
  position: relative;
  margin-top: 46px;
}

.main_visual_long {
  max-height: 381px;
  padding: 50vw 0 150px;
}
.main_visual_long#cha_visual{
  padding: 50vw 0 10vw;
}

/*日野菜の写真*/
div#hinona_visual {
  background: url(/images/special/hinona/img_hinona_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*セタシジミの写真*/
div#setashijimi_visual {
  background: url(/images/special/setashijimi/img_setashijimi_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*近江牛の写真*/
div#oumiushi_visual {
  background: url(/images/special/oumiushi/img_oumiushi_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*鮎河菜の写真*/
div#aigana_visual {
  background: url(/images/special/aigana/img_aigana_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*近江の茶の写真*/
div#cha_visual {
  background: url(/images/special/cha/img_cha_01.jpg) no-repeat;
  background-size: 100% auto;
}

div#cha_visual #visual_text ul li {
  margin-bottom: 5px;
}

/*コアユの写真*/
div#koayu_visual {
  background: url(/images/special/koayu/img_koayu_01.jpg) no-repeat;
  background-size: 100% auto;
}

div#koayu_visual + .link_list_box {
  margin-top: 30px;
}


/*メロンの写真*/
div#melon_visual {
  background: url(/images/special/melon/img_melon_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*水口かんぴょうの写真*/
div#minakuchi_kanpyo_visual {
  background: url(/images/special/minakuchi_kanpyo/img_minakuchi_kanpyo_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*ぶどうの写真*/
div#budou_visual {
  background: url(/images/special/budou/img_budou_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*環境こだわり米の写真*/
div#kome_visual {
  background: url(/images/special/kome/img_kome_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*伊吹大根の写真*/
div#ibukidaikon_visual.main_visual {
  background: url(/images/special/ibukidaikon/img_ibukidaikon_01.jpg) no-repeat;
  background-size: 100% auto;
  padding-bottom: 230px;
}

/*赤丸かぶの写真*/
div#akamarukabu_visual {
  background: url(/images/special/akamarukabu/img_akamarukabu_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*ふなずしの写真*/
div#funazushi_visual {
  background: url(/images/special/funazushi/img_funazushi_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*愛彩菜の写真*/
div#aisaina_visual {
  background: url(/images/special/aisaina/img_aisaina_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*牛乳の写真*/
div#milk_visual {
  background: url(/images/special/milk/img_milk_01.jpg) no-repeat;
  background-size: 100% auto;
}

/*スジエビの写真*/
div#sujiebi_visual {
  background: url(/images/special/sujiebi/img_sujiebi_01.jpg) no-repeat;
  background-size: 100% auto;
}



h2,
.sanchi h1 {
  position: absolute;
  top: -37px;
  font-size: 2.4rem;
}

.min_content h3 {
  color: #E1800E;
  font-weight: bold;
  font-size: 2.4rem;
  margin: 50px 0 20px;
}

h5 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.min_content a {
  text-decoration: underline;
  color: #E1800E;
  font-weight: bold;
}

.sp_img_2,
.sp_img,
.sp_img_x2 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.sp_img_2 img,
.sp_img img {
  margin: 20px auto 5px;
}

.sp_img_2 br,
.sp_img br,
.sp_img_x2 br {
  display: none;
}

.sp_img_x2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: baseline;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-bottom: 30px;
}

#c_2 .sp_img_2 {
  margin-bottom: 30px;
}

.sp_img_x2 img {
  width: 48%;
  margin-bottom: 2%;
}

#recipe_link br {
  display: none;
}

.sp_img_middle {
  margin: 20px 0;
  display: block;
  text-align: center;
}

.sp_img_middle img {
  display: inline;
}

.melon_ttl h4 {
  background: #ffe0bb;
  margin: 20px 0 10px;
  padding-left: 10px;
  color:#E1800E;
}

.melon_ttl .sp_table tr th {
  width: 90px;
  text-align: left;
  display: flex;
}

div.recipe_rec ul#recipe_link {
  display: flex;
  justify-content: center;
}

div.recipe_rec ul#recipe_link li:first-of-type {
  margin-right: 2%;
}

div.recipe_rec h4 {
  text-align: center;
  margin: 20px 0 10px;
  font-size: 1.8rem;
}

/*9月の特集 ぶどう*/
.bdo_9 .sp_img_x2 {
  display: flex;
  flex-wrap: wrap;
}

.bdo_9 .sp_img_x2 a {
  width: 50%;
}

.bdo_9 .sp_img_x2 a img {
  width: 100%;
  height: auto;
}

.bdo_9 .sp_img_x2 span {
  width: 100%;
}

.bdo_9 .sp_img_2 img,
.bdo_9 .sp_img_2_l img,
.bdo_9 .sp_img_r img,
.ko_10 .sp_img_r img
{
  display: inline;
}

.bdo_9 .sp_img_2 br {
  display: block;
}

.bdo_9 .sp_img_2,
.bdo_9 .sp_img_2_l,
.bdo_9 .sp_img_r,.ko_10 .sp_img_r {
  text-align: center;
}

.bdo_9 .sp_img_2_l,
.bdo_9 .sp_img_r,.ko_10 .sp_img_r {
  font-size: 1.4rem;
  line-height: 1.2;
}

.bdo_9 .top50 {
  margin-top: 30px;
}
.sanchi h1.long{
  font-size: 1.6rem;
}
.ko_10 .flex {
  display: flex;
}
.ko_10 .flex p{
  width:32%;
}
.ko_10 .flex p img{
  width:100%;
  height: auto;
}
.ko_10 .flex p:not(:last-child){
  margin-right:2%;
}
.ko_10 .flex + p {
  font-size: 1.4rem;
}
.sp_img_mini img{
  display: inline;
}
.sp_img_mini {
  text-align: center;
  clear:both;
  display: block;
}
#sp_circle {
  border:1px solid #ccc;
  padding:5px;
  margin-bottom: 30px;
}
.shop_list span{
  color:#E1800E;
  font-weight: bold;
  margin-top:15px;
  display: inline-block;
}



@media screen and (min-width:769px) {

  .main_visual,
  .main_visual_long {
    padding-top: 0;
    height: 331px;
    margin: 0 auto;
  }

  .main_visual p {
    position: absolute;
    color: #fff;
    bottom: 0;
    width: 470px;
    right: 10px;
    line-height: 1;
    font-size: 1.4rem;
    margin-bottom: 15px;
  }

  div#ibukidaikon_visual p {
    bottom: -11px;
  }

  div#minakuchi_kanpyo_visual p {
    width: 409px;
  }

  div#cha_visual,
  div#koayu_visual {
    width: 740px;
    height: 380px;
    margin: 0 auto;
    position: relative;
  }

  div#cha_visual #visual_text,
  div#koayu_visual #visual_text {
    position: absolute;
    bottom: 26px;
    right: 10px;
    color: #fff;
  }
  div#koayu_visual #visual_text{
    bottom: 5px;
  }
  div#cha_visual #visual_text p,
  div#koayu_visual #visual_text p {
    width: 470px;
    font-size: 1.4rem;
  }

  div#cha_visual #visual_text ul li,
  div#koayu_visual #visual_text ul li {
    float: left;
    margin: 0 5px 5px;
  }

  div#koayu_visual + .link_list_box {
    margin-top: 50px;
  }

  .link_list li {
    width: 19%;
  }

  .min_content h3 {
    margin: 70px 0 30px;
    font-size: 3.8rem;
    width: 100%;
    clear: both;
  }

  .sp_img_2 img {
    display: inline;
    margin: 0;
  }

  .sp_img_2 {
    float: left;
    margin: 0px 15px 10px 0px;
    width: 230px;
  }

  .sp_img {
    float: right;
    margin: 0 0 30px 15px;
    width: 230px;
  }

  .sp_img img {
    margin: 0;
  }

  .last {
    margin-bottom: 30px !important;
  }

  .concept p .sanchi_h p {
    margin-bottom: 20px;
  }

  .sp_img_x2 {
    justify-content: flex-start;
  }

  .sp_img_x2 img {
    /*    width: 32%;*/
    width: auto;
    margin-bottom: 1%;
  }

  .sp_img_x2 img:not(:last-child) {
    margin-right: 1%;
  }

  .clear {
    clear: both;
  }

  #c_2 .sp_img_2 br {
    display: block;
  }

  #c_2 .sp_img_2 {}

  /*
  #recipe_link {
    display: flex;
  }

  #recipe_link li:first-child {
    margin-right: 10px;
  }
*/
  div.recipe_rec {
    clear: both;
  }

  div.recipe_rec ul#recipe_link:first-of-type {
    margin-right: 0;
  }

  /*9月の特集 ぶどう*/
  .bdo_9 .sp_img_x2 {
    max-width: 632px;
    margin: 30px auto;
  }

  .bdo_9 .sp_img_x2 a img {
    width: auto;
    height: auto;
  }

  .bdo_9 .sp_img_2 {
    text-align: left;
  }

  .bdo_9 .sp_img_2_l img,
  .sp_img_r img {
    display: inline;
  }

  .bdo_9 .sp_img_2_l {
    float: left;
    margin-right: 15px;
    width: 230px;
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .bdo_9 .sp_img_r,.ko_10 .sp_img_r {
    float: right;
    margin-left: 15px;
    width: 230px;
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .bdo_9 .top50 {
    margin-top: 50px;
  }

  .bdo_9 .btm50 {
    margin-bottom: 50px;
  }
  .bdo_9 .btm30{
    margin-bottom: 30px;
  }
  .bdo_9 .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  .sanchi h1.long {
    font-size:2.4rem;
  }
  .ko_10 .flex {
    margin:0 auto;
  }
  .flex_kodawari {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
  .sujiebi_ttl:after{
  content:"";
  clear:both;
  display:block;
}
.main_visual_long#cha_visual{
  padding: inherit;
}
  .clear_funa{
    display: inline-block;
    clear:both;
  }
}
