/**
 * Template: snow-monkey
 * Theme Name: irisjapan-theme
 */

@import url("https://use.fontawesome.com/releases/v5.6.1/css/all.css");
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea {
  font-size: 18px !important;
  height: 50px;
}

#spMenu {
  display: none;
}

@media (max-width: 1024px) {
  .l-header.l-header--1row {
    position: fixed;
    width: 100%;
    z-index: 9990;
    top: 0;
    width: 100%;
    background: #659a18;
  }
  .c-site-branding .custom-logo {
    width: 150px;
    height: auto;
  }
    .l-header:not(.l-header--left) .c-row, .l-header:not(.l-header--left) .c-row__col {
        margin: 0 !important;
    }


	
}

@media (max-width: 812px) {
  .l-header__content, .l-header__content .c-container {
    padding: 0;
    margin-top:0.25em;
  }
  .c-row__col.c-row__col--fit.u-invisible-lg-up {
    padding: 1.1rem 1.8rem 1.15rem 1.5rem;
/*    background: #7D9637;*/
  }
  #spMenu {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    list-style: none;
  }
  .l-header .c-hamburger-btn__bar {
/*    background-color: #fff;*/
  }
  .c-hamburger-btn__label {
/*    color: #fff;*/
    font-size: 12px;
  }
  #spMenu li {
    text-align: center;
    line-height: 125%;
    position: relative;
/*    border-left: #6E9B0F 1px solid;*/
    font-family: YuGothic, 'Yu Gothic', sans-serif;
  }
  #spMenu li a {
    padding: .8rem;
    display: block;
    background: #6E9B0F;
    color: #000;
    text-decoration: none;
    width: 110px;
  }
  #spMenu li span {
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 700;
  }
  #spMenu li span:before {
    display: block;
  }
  #spMenu li:first-of-type span::before {
    font-family: "Font Awesome 5 Free";
    content: '\f015';
    font-weight: 900;
  }
  #spMenu li:nth-of-type(2) span::before {
    font-family: "Font Awesome 5 Free";
    /*content: '\f023';*/
	content: '\f07a';
    font-weight: 900;
  }
  #spMenu li:nth-of-type(3) span::before {
    font-family: "Font Awesome 5 Free";
    content: '\f07a';
    font-weight: 900;
  }
  #menu-sp-gnavi {
    padding: 1rem;
  }
  #menu-sp-gnavi>li {
    padding: 0;
    margin-bottom: .5rem;
  }
  #menu-sp-gnavi li a {
    font-weight: 700;
    font-family: YuGothic, 'Yu Gothic', sans-serif;
  }
  #menu-sp-gnavi>li>a {
    display: block;
    padding: .8rem 1rem;
    background: #fff;
    color: #646363;
    box-shadow: 0 0 5px #929800;
    font-family: YuGothic, 'Yu Gothic', sans-serif;
  }
  .c-drawer .c-ic-angle-right:before {
    border-color: #7D9637;
  }
  .c-ic-angle-right:before {
    border-width: 2px 2px 0 0;
  }
  #menu-sp-gnavi>li:not(.menu-item-has-children):after {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    font-weight: 900;
    position: absolute;
    top: 25%;
    right: .8rem;
    color: #7D9637;
  }
  #menu-sp-gnavi>li.menu-item-has-children ul {
    background: #fff;
    width: 100%;
    margin-bottom: .5rem;
    position: relative;
  }
  .c-drawer {
    background-color: rgba(110,155,14, 0.9)
  }
  .c-drawer__submenu {
    position: relative;
  }
  #menu-sp-gnavi>li.menu-item-has-children ul::after {
    border-top: 1px dashed #7D9637;
    width: 90%;
    position: absolute;
    top: 0;
    left: 5%;
    display: block;
    content: "";
    height: 1px;
  }
  .c-drawer .c-ic-angle-right {
    transform: translateY(0) translateX(0.2em);
  }
  #menu-sp-gnavi>li.menu-item-has-children ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 .4rem 1.2rem;
  }
  #menu-sp-gnavi>li.menu-item-has-children ul li:first-of-type {
    margin-top: .5rem;
  }
  #menu-sp-gnavi>li.menu-item-has-children ul li:last-of-type {
    margin-bottom: .2rem;
  }
  #menu-sp-gnavi>li.menu-item-has-children ul li:before {
    content: "";
    width: 10px;
    height: 3px;
    background: #7D9637;
    font-weight: 700;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
  }
  #menu-sp-gnavi>li.menu-item-has-children ul a {
    color: #646363;
  }
  #navContact {
    width: 90%;
    margin: 0 auto 1rem;
    text-align: center;
  }
  #navContact * {
    font-family: GillSans, YuGothic, 'Yu Gothic', sans-serif;
    line-height: 140%;
  }
  #navContact h4 {
    font-size: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #navContact h4:after, #navContact h4:before {
    content: "";
    display: inline-block;
    width: 8px;
    background: #FFF;
    height: 3px;
    margin: 0 8px;
  }
  #navContact p:first-of-type::before {
    font-family: "Font Awesome 5 Free";
    content: '\f3cd';
    font-weight: 900;
    font-size: 1.7rem;
    margin-right: 5px;
  }
  #navContact p a {
    font-size: 1.7rem;
    text-decoration: none;
  }
  #navContact p:last-child {
    margin-top: .5rem;
  }
  nav+.l-container {
    margin-top: 0rem;
  }
}

@media (max-width: 480px) {

  .c-site-branding .custom-logo {
        width: 200px;
  }

  .c-row__col.c-row__col--fit {
    display: block;
    width: 100%;
    padding: 0;
  }
  .c-container .c-row.c-row--margin-s.c-row--lg-margin.c-row--middle.c-row--between.c-row--nowrap {
    flex-wrap: wrap;
    background: #7d9636;
    box-shadow: 0 0 5px #8c8806;
  }
  header .c-site-branding__title {
    background: none;
    text-align: center;
  }
   #spMenu {
    width: 89%;
  }
  #spMenu li {
    width: calc(100% / 3)
  }
  #spMenu li a {
    width: 100%;
    padding: .5rem;
  }
  .c-row__col.c-row__col--fit.u-invisible-lg-up {
    width: 20%;
    padding: .7rem;
    text-align: center;
  }
  .n2-section-smartslider {
    margin-top: 2.5rem;
  }
  .c-drawer[aria-hidden=false] {
    top: 108px;
  }
  [id=drawer-nav] {
    width: 100%;
  }
  .c-drawer {
    max-width: 100%;
    top: 108px;
  }
  #navContact p a {
    font-size: 2rem;
  }
  #navContact p small {
    font-size: 1rem;
  }
  #navContact p:last-of-type {
    font-size: 1.2rem;
  }
  nav+.l-container {
    margin-top: 0rem;
  }
}
/* レシピ一覧だけのカード画像レイアウト */
body.category-recipe-ja .c-entry-summary__figure{
  overflow: hidden;          /* 角丸を活かすため残す */
  border-radius: 8px;
  aspect-ratio: 4 / 3;       /* 比率はお好みで 1/1, 16/9 など */
}
body.category-recipe-ja .c-entry-summary__figure picture,
body.category-recipe-ja .c-entry-summary__figure img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;         /* 枠いっぱいにトリミング */
}

/* 投稿フッターのいいねボックスを確実に隠す（Snow MonkeyのDOMに寄せた強い指定） */
.c-entry__footer .wp-like-me-box,
.c-entry__footer .wp-like-me-box__body {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* 万が一クラス名が微妙に変わっても拾う保険（wp-like-me-box で始まる全部） */
.c-entry__footer div[class^="wp-like-me-box"] { display: none !important; }

#comments,
.comments-area,
.c-comments,
.c-entry__comments,
.p-comments,
.comment-respond,
.comment-form,
.comment-body {
  display: none !important;
}