@charset "UTF-8";
/*
Theme Name: nogyoya_renew2022
Description: 農業屋 2022リニューアルbase
Version: 1.0
Tags: html5 css3(scss) javascript php mysql FontAwesome4.7.0
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
*, *:before, *:after {
  box-sizing: border-box; }

@media print, screen and (min-width: 768px) {
 .spDisp {
  display:none
 }
}
.pcDisp {
 display:none
}
@media print, screen and (min-width: 768px) {
 .pcDisp {
  display:block;
  /*margin:0 auto;*/
 }
}

.postPage ol li, #mainCnt ol li {
      margin: 0 0 10px;
}
.postPage ol li>ol, #mainCnt ol li>ol {
  counter-reset: number 0;
  padding: 0;
}
.postPage ol li>ol li, #mainCnt ol li>ol li {
  position: relative;
  list-style: none;
  padding: 0 0 0 25px;
}
.postPage ol li>ol li:before, #mainCnt ol li>ol li:before{
  counter-increment: number 1;
  content: "（" counter(number,decimal) "）";
  position: absolute;
  left: -10px;
  color: #0B7447;
  text-align: right;
}

.width800{
  max-width: 800px;
  margin: 0 auto;
}

.tokuten {
  counter-reset: number 0;
}
.tokuten .tokutenInr{
  position: relative;
  margin: 0 0 60px;
}
.tokuten .tokutenInr:before {
counter-increment: number 1;      /* number カウンタを増加 */
content: "特典 " counter(number);      /* 表示形式を指定 */
position: absolute;
left: 50%;
  top: 0;
  transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
background: #009844;
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
width: 200px;
border-radius: 5px;
padding: 5px;
}

#mainCnt h2.grttl, .postPage h2.grttl{
  padding: 50px 0 0;
  font-size: 26px;
  margin: 0 0 10px 0;
  text-align: center;
}
.tokuten .tokutenInr h2 span, #mainCnt p.greenTxt span, .postPage p.greenTxt span{
  color: #fe4d4d;
}
#mainCnt h2.grttl:not(span), .postPage h2.grttl:not(span) {
  color: #00a73c;
}
#mainCnt h2.grttl, .postPage h2.grttl:before{
  content: none !important;
}
#mainCnt p.greenTxt, .postPage p.greenTxt:not(span){
  color: #00a73c;
  font-size: 18px;
  margin: 0 0 20px;
  text-align: center;
}
#mainCnt p.yellowBack, .postPage p.yellowBack{
  font-size: 18px;
  background: #ffd939;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  color: #0b7447;
  margin: 0 auto 20px;
  text-align: center;
}

#mainCnt ul.note,.postPage ul.note{
  margin: 0 auto;
  font-size: 14px;
}
#mainCnt ul.note li,.postPage ul.note li{
  padding: 0 0 0 15px;
  position: relative;
}

#mainCnt ul.note li:before,.postPage ul.note li:before{
  content: '※';
  position: absolute;
  left: 0px;
}
#mainCnt .greenback, .postPage .greenback{
  color: #fff;
  margin: 0;
  background: #6fba2c;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px;
  justify-content: center;
}
#mainCnt .greenback p, .postPage .greenback p{
  color: #fff;
  margin: 0;
}
#mainCnt .greenback p:first-of-type, .postPage .greenback p:first-of-type{
  font-size: 14px;
}

#mainCnt .greenback p:nth-of-type(2), .postPage .greenback p:nth-of-type(2){
  font-size: 45px;
  line-height: 1;
  font-weight: bold;
}
@media print, screen and (max-width: 767px){
#mainCnt .greenback p:first-of-type, .postPage .greenback p:first-of-type{
  font-size: 12px;
}

#mainCnt .greenback p:nth-of-type(2), .postPage .greenback p:nth-of-type(2){
  font-size: 38px;
}
}


#mainCnt .kcngdn, .postPage .kcngdn {
  background: #c4d700;
  padding: 15px;
}
#mainCnt .kcngdn .shopList, .postPage .kcngdn .shopList, #mainCnt .announce, .postPage .announce{
  background: #fff;
  padding: 10px;
}

#mainCnt .kcngdn .shopList, .postPage .kcngdn .shopList{
  background: #fff;
  padding: 10px;
   margin: 0 0 15px 0;
}
#mainCnt .kcngdn .shopList p.ttl, .postPage .kcngdn .shopList p.ttl {
  color: #005e3c;
  font-weight: bold;
  margin: 0;
  font-size: 18px;
}
#mainCnt ul.kcngdnShop li, .postPage ul.kcngdnShop li{
  display: flex;
  margin-bottom: 5px;
}
#mainCnt ul.kcngdnShopName, .postPage ul.kcngdnShopName{
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  /*! width: calc(100% - 110px); */
}
#mainCnt ul.kcngdnShopName li, .postPage ul.kcngdnShopName li{
  width: 70px;
}
#mainCnt ul.kcngdnShopName li:nth-child(n+2):before, .postPage ul.kcngdnShopName li:nth-child(n+2):before{
  /*! content: "・"; */
}
#mainCnt .kcngdn .shopList ul.kcngdnShop li p, .postPage .kcngdn .shopList ul.kcngdnShop li p{
  min-width: 100px;
  color: #005e3c;
  text-align: right;
  margin: 0;
}

#mainCnt .announce p.redBack, .postPage .announce p.redBack{
  background: #e60012;
  color: #fff;
  padding: 15px 15px 10px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  margin: 0;
}
#mainCnt .announce .announceInr, .postPage .announce .announceInr{
  display: flex;
  flex-wrap: wrap;
  background: #fff100;
  padding: 15px;
  margin: 0;
  justify-content: space-between;
}
#mainCnt .announce .announceInr img, .postPage .announce .announceInr img{
  width: 200px;
}
@media print, screen and (min-width: 768px){
  #mainCnt .announce p.announceTxt, .postPage .announce p.announceTxt{
    width: calc(100% - 220px)
  }
}
@media print, screen and (max-width: 767px){
  #mainCnt .announce .announceInr img, .postPage .announce .announceInr imgt{
     margin: 0 auto;
  }
}

#mainCnt .gldBnft, .postPage .gldBnft{
  background: #fabe00;
  padding: 15px;
}

#mainCnt .gldBnft p, .postPage .gldBnft p{
  margin: 0;
}

#mainCnt .gldBnft ul.gldBnftList, .postPage .gldBnft ul.gldBnftList{
  background: #fff;
  padding: 10px;
}
#mainCnt .gldBnft ul.gldBnftList:not(:last-child), .postPage .gldBnft ul.gldBnftList:not(:last-child){
  margin: 0 0 10px;
}
#mainCnt .gldBnft .gldBnftListTtl, .postPage .gldBnft .gldBnftListTtl{
  font-size: 22px;
  color: #ed6c00;
  /*! border-bottom:1px dashed #ccc; */ 
  font-weight: bold;
  line-height: 1.2;
  padding: 10px 0 10px 80px;
  counter-reset: number 0;
  position: relative;
  display: flex;
  align-items: center;
}
#mainCnt .gldBnft .gldBnftListTtl span, .postPage .gldBnft .gldBnftListTtl span{
  position: absolute;
  left: 0;
  width: 70px;
  background: #94252a;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mainCnt .gldBnft p.gldBnftListTxt, .postPage .gldBnft p.gldBnftListTxt{
  padding: 10px 0 0;
}
@media print, screen and (min-width: 768px){
#mainCnt .gldBnft p.gldBnftListTxt, .postPage .gldBnft p.gldBnftListTxt{
  padding-left: 80px;
}
}


#mainCnt .gbyt, .postPage .gbyt {
  margin: 0 0 10px;
  border-radius: 5px;
  background: #00a73c;
  padding: 10px;
}
#mainCnt .gbyt p, .postPage .gbyt p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  color: #fff100;
  padding: 5px;
  border: 2px solid #abcd03;
}

#mainCnt h2.leafback, .postPage h2.leafback {
  text-align: center;
  background: #5cb531;
  position: relative;
  z-index: -2;
  font-size: 18px;
  color: #00a73c;
  font-weight: normal;
  height: 60px;
  padding: 5px;
  overflow: hidden;
}

#mainCnt h2.leafback:before, .postPage h2.leafback:before, #mainCnt h2.leafback:after, .postPage h2.leafback:after{
  content: '';
  background: url(images/sub/leaf.png) top right / 155px 65px no-repeat;
  position: absolute;
  width: 155px;
  height: 65px;
  z-index: -2;
}
#mainCnt h2.leafback:before, .postPage h2.leafback:before{
  left: -14px;
  top: -15px;
}
#mainCnt h2.leafback:after, .postPage h2.leafback:after{
  right: -14px;
  bottom: -15px;
}

#mainCnt h2.leafback span:after, .postPage h2.leafback span:after{
  content: "";
  background: #fff;
  width: 170px;
  height: 170px;
  display: inline-block;
  z-index: -1;
  position: absolute;
  left: 50%;
  top: -120px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-radius: 50%;
}


/*サービス*/
.postPage .srvcettl{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.postPage .srvcettl .srvcettlImg{
  max-width: 500px;
  margin-bottom: 0px;
}

.postPage .srvcettl .srvcettlTxt{
  font-size: 22px;
  font-weight: bold;
  color: #0b7447;
  background: #d4ecbc;
  width: 100%;
  text-align: center;
  padding: 10px 5px;
  line-height: 1.4;
  margin-bottom: 40px;
  border-radius: 8px;
}

.postPage .srvce h4{
  display: flex;
  align-items: center;
  padding: 0 5px
}
.postPage .srvce h4 img{
  width: 40px;
  margin-right: 10px;
}

.postPage .srvce p.price {
  text-align: center;
  padding: 20px;
  background: #fcf8ec;
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  border-radius: 10px;
}


.checkList_side .columnBox{
  background: #d4ecbc;
  border-radius: 10px;
  padding: 20px 10px 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: relative;
  overflow: visible;
}
.checkList_side .columnBox:before{
  content: "";
  /* background: url("https://v118-27-5-181.ps18.static.cnode.io/wp-content/themes/nogyoya_renew2022/images/common/check.svg") no-repeat; */
  background: url("/wp-content/themes/nogyoya_renew2022/images/common/check.svg") no-repeat;
  width: 25px;
  height: 25px;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.postPage p.important {
  font-size: 20px;
  font-weight: bold;
  color: #009844;
}

.postPage p.important span {
  background: linear-gradient(transparent 60%, #ffff8a 60%);
}

.srvceList li a img {
  height: 50px;
  width: auto !important;
}

.shoplogo {
  display: flex;
  max-width:700px;
  margin:0 auto 40px;
  justify-content: space-between;
}

.shoplogo .shoplogoInr{
  width: calc((100% - 30px) / 2);
}

.postPage .shopping .column2Wrap{
  max-width: 800px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
.postPage .shopping h4, #mainCnt .shopping p{
  text-align: center;
}
}

.btns .columnBox {
  overflow: visible;
}
@media screen and (max-width:992px){
    .btns .btn {
  margin: 0 auto;
  overflow: visible;
}
}
@media screen and (max-width: 767px) {
  .column3Wrap.column2_3_3 .columnBox:nth-of-type(-n+2){
    margin-top: 0px;
  }
  
 .g-recaptcha {
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

}