@charset "UTF-8";
/* CSS Document */
.know .read, .view .read {
  margin-bottom: 20px;
}
main .item1 img {
  border-bottom: 6px solid #83d26a;
  object-position: 50% 50%;
}

body.noindex #contents h3 {
  margin: 30px 0px 10px 0px;
}
#contents h6 {
  margin-top: 5px;
  font-size: 80%;
  color: #555;
}
#contents .privacy h6 {
  margin-top: 25px;
  position: relative;
  background-color: #EFEFEF;
  padding: 10px;
  font-weight: 700;
    font-size: 110%;
}
/*icon
----------------------
.fa-brands {
  color: #26720a;
  }
*/

/*8個の写真
----------------------*/
.photo {
  width: 100%;
  margin: 0px 0% 0px 0%;
  padding: 0px 0% 0px 0%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
ul.photo li {
  width: 46%;
  object-fit: cover;
  object-position: top;
}

.photo:empty, ul.photo li:empty, ul.photo li.number:empty {
  display: none;
}
.photo img {
  object-fit: cover;
  border: 1px solid #dedede;
  height: 300px;
  width: 100%;
}
.photo.gourmet img {
  object-fit: contain;
  border: 1px solid #dedede;
  height: auto;
  width: 100%;
}
.photo .mini_photo img{
  object-fit: contain;
  
  height: auto;
 
}

body.noindex #contents h5 {
  margin: 0px 0px 5px 0px;
/* 7/11 font-size: 115%;*/
  line-height: 1.9;
    letter-spacing: 0.1em;
}
h5.photo_title {
  position: relative;
  padding-left: 22px;
  padding-top: 20px;
  font-weight: 500;
  
}
ul.no1  {
text-align: center;

}
ul.no1 li {
text-align: left;

      padding-left: 25%;
}
ul.no1  img {
    width: 66%;

}
h5.photo_title::before {
  content: '\f083';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  top: 20px;
  left: 0px;
  color: green;
}
/*コラム用写真 位置調整*/
ul.column h5.photo_title {
  padding-top: 0px;
}
 ul.column h5.photo_title::before {
  top: 0px;
}
.number figcaption {
  padding-bottom: 25px;
    font-weight: 500;
}
.taidan figcaption {
  padding-bottom: 0px;
}
/*左右の写真、マージン調整
----------------------*/
.number:nth-child(2n+1) { 
  margin: 0px 4% 0px 0%;
  /* 奇数番目 */ }
.number:nth-child(2n  ) { 
  margin: 0px 0% 0px 4%;/* 偶数番目 */ }
  
/*お店情報がない場合
----------------------*/
.photo.off {
  display: none;
}
/*特集記事一覧, 対談プロフィール
----------------------*/
#special_contents {
  border-radius: 3px;
  border: 1px solid #83d26a;
  padding: 30px;
  background: #f3ffef;
}
.photo.mini_list {
/*    background-color: #fff;*/
      padding-bottom: 30px;
  }
 /*特集名*/
.title2 { font-size: 145%;
  text-align: left;
  margin: 0px 0px 30px 10px;
  color: #2b2b93;
  font-weight: bold;
  line-height: 1;
  border: none;
  padding-left: 0px;
  padding-bottom: 5px;
    padding-top: 0px;
  letter-spacing: 0.2em;
  position: relative;
  }
/*【この特集の記事】*/
.title1 { 
 /*   color: dimgray;*/
  }
.mini {
  display: flex;

}

/*特集記事一覧,
----------------------*/
body.noindex #contents #special_contents h5.mini_title::before {
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 5px;
  left: 0px;
  color: gray;
}

body.noindex #contents #special_contents h5.mini_title {
    font-size: 97%;
        letter-spacing: 0em;
        color: #2b2b93;
          padding-top: 5px;
                    padding-left: 15px;
            font-weight: bold;
                line-height: 1.4;
                  position: relative;
}
/*対談プロフィール
----------------------*/
body.noindex #contents h5.mini_title::before {
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 5px;
  left: 0px;
  color: gray;
}

body.noindex #contents h5.mini_title {
    font-size: 97%;
        letter-spacing: 0em;
        color: #2b2b93;
          padding-top: 5px;
                    padding-left: 15px;
            font-weight: bold;
                line-height: 1.4;
/*                  position: relative;*/
}

/*h5.mini_title::before {
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
  font-weight: light;
  position: absolute;
  top: 5px;
  left: 0px;
  color: #2b2b93;
}*/
.mini_text {
  width: 100%;
padding-left: 12px;
padding-top: 25px;
  font-size: 120%;
}
.mini_text figcaption {
  font-size: 85%;
  line-height: 1.4;
  padding-left: 12px;
}
.mini_photo {
  width: 45%;
  padding-top: 35px;
    padding-right: 10px;
        padding-left: 25px;
  margin-bottom: 10px;

}
/* 対談プロフィール*/
ul.mini_list li {
  width: 46%;
}
/*特集記事一覧*/
#special_contents ul.mini_list li {
  width: 48%;
}

.mini_photo img {
/*  height: 120px;*/
    object-fit: contain;
  object-position: top;
  }
.mini:empty, .mini_text:empty, .mini_photo:empty {
  display: none;
  }
/*知る　特集記事一覧　見出しの矢印　↓*/
/*.arrow_s {
  position: relative;
  display: inline-block;
  padding-right: 12px;
  text-decoration: none;
}
.arrow_s:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #2b2b93;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
}*/
/*知る　特集記事一覧　見出しの矢印　↑*/
h5.shisetsumei {
  font-size: 180%;
  text-align: left;
  margin: 30px 0px 0px 0px;
  color: #2b2b93;
  font-weight: bold;
  line-height: 1;
}

.f85 {
  font-size: 85%;
}
  /*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px) {  
.photo {
  margin: 0px 0% 0px 0%;
}
  .photo {
    flex-direction: column;
        width: 82%;
    margin: 5px 9% 0px 9%;
  }
  ul.photo li {
    width: 100%;
    margin: 5px 0% 0px 0%;
  }
.photo img {
  height: 250px;
}
.photo.gourmet img {
  height: auto;
}
ul.no1  img {
    width: 100%;

}
ul.no1 li {
text-align: left;

      padding: 0% 5%;
}
  /*左右の写真、マージン調整解除
----------------------*/
.number:nth-child(2n+1) { 
  margin: 0px 0% 0px 0%;
  /* 奇数番目 */ }
.number:nth-child(2n  ) { 
  margin: 0px 0% 0px 0%;/* 偶数番目 */ 
  }
#special_contents {

  padding: 10px;

}
.photo.mini_list {
    width: 100%;
    margin: 5px 0% 0px 0%;
    padding: 0px;
    /*background-color: #fff;*/
  }

.mini_text {
padding-right: 6px;
  padding-top: 5px;
}
.mini_photo {

  padding-top: 15px;
    padding-right: 5px;
        padding-left: 5px;
  margin-bottom: 10px;

}
#special_contents ul.mini_list li {
  width: 100%;
}
/*グルメでprofileが二つのとき、スマホでは写真を下にする*/
.double{
  display: flex;
  flex-direction: column;
}
.child_1{
  order: 1;
}
}
/*  .mini_photo img {
  height: 130px;
  }*/
    }