@charset "UTF-8";
/* CSS Document */

/* ==========================================================
 width: 600px - 1169px
========================================================== */
@media screen and (min-width: 600px) and (max-width: 1169px) {

}

/* ==========================================================
 width: 600px - 999px
========================================================== */
@media screen and (min-width: 600px) and (max-width: 999px) {

}

/* ==========================================================
 max-width: 599px
========================================================== */
@media screen and (min-width: 1px) and (max-width: 599px) {

  body {
    padding-bottom: 100px;
    font-size: 12px;
  }
  .new::before {
    top: -30px;
    width: 60px;
    height: 60px;
  }
  body.post-type-archive .new::before {
    left: -17px;
  }

  /* header / footer
  ---------------------------------------------------------- */
  /* header -------------- */
  .header {
    display: block;
    margin: 15px 15px 0;
  }
  .header-in > .logo {
    width: 105px;
    height: 48px;
  }
  .header-nav-btn {
    position: fixed !important;
    top: 10px !important;
    right: 10px !important;
    width: 60px;
    height: 60px;
    background: rgba(245,245,245,0.9);
    border-radius: 5px;
  }
  .header-nav-btn:hover,
  .header-nav-btn:hover span::before,
  .header-nav-btn:hover span::after {
    opacity: 1;
  }
  .header-nav-btn::after {
    display: none;
  }
  .header-nav-btn span::before,
  .header-nav-btn span::after {
    width: 20px !important;
    margin-left: -10px !important;
    background: #bdbdbd;
  }
  .header-nav-area {
    overflow-y: auto;
    display: block;
    padding: 80px 0 30px;
  }
  .header-nav-area .logo {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 105px;
    height: 48px;
  }
  .header-nav-area .nav-area-in {
    width: auto;
    max-width: none;
    margin: 0 25px;
  }
  .header-nav-area .list-menu .item .link-hover .ja {
    margin-top: 10px;
  }
  .header-nav-area .navmenu-02 {
    margin-top: 30px;
  }
  .header-nav-area .list-menu,
  .header-nav-area .list-menu .item,
  .header-nav-area .list-menu .item .link-hover,
  .header-nav-area .nav-sns {
    width: 100%;
  }
  .header-nav-area .nav-sns {
    position: static;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px;
  }
  .header-nav-area .navmenu-03 {
    display: block;
    margin-top: 30px;
    text-align: center;
  }
  html.is-open .header-nav-btn {
    background: rgba(255,255,255,0.2);
  }

  /* footer -------------- */
  .footer {
    padding: 55px 30px 30px;
  }
  .footer-linktop {
    margin-bottom: 75px;
  }
  .footer-in {
    display: block;
  }
  .footer-in .logo {
    width: 160px;
    height: auto;
    margin: 0 auto 20px;
  }
  .footer-in .list-menu,
  .footer-in .footer-sns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer-in .list-menu {
    justify-content: space-between;
    margin: 0;
    text-align: center;
  }
  .footer-in .list-menu .item {
    width: calc(50% - 15px);
    border-bottom: 1px solid #eee;
  }
  .footer-in .list-menu .item .link-hover {
    padding: 15px 0 8px;
  }
  .footer-sns {
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px 0 20px;
  }
  .footer-sns .en {
    width: 100%;
    margin: 0 0 15px;
    font-size: 12px;
    text-align: center;
  }
  .footer-sns .link-ico {
    width: 40px;
    height: 40px;
    padding: 8px;
  }
  .footer-sns .link-ico + .link-ico {
    margin-left: 10px;
  }
  .footer-exit,
  .footer .copy {
    text-align: center;
  }
  .footer .copy {
    line-height: 1.4;
  }

  /* 汎用
  ---------------------------------------------------------- */
  /* contents -------------- */
  /* .contents {
    padding: 0 15px;
  } */

  .contents-in {
    padding: 0 30px;
  }
  body.page:not(.shop) .contents-in {
    margin-top: 60px;
  }
  body.shop .contents-in,
  body.archive .contents-in,
  body.single .contents-in {
    margin-top: 40px;
  }

  .sec-cmn-02 {
    margin-top: 100px;
  }

  .box-iframe-01 {
    width: 100%;
  }

  /* img -------------- */
  .img-radius {
    border-radius: 7px;
  }

  .txt-cmn-00,
  .txt-cmn-01,
  .txt-cmn-02,
  .txt-short-01 {
    letter-spacing: normal;
    font-size: 13px;
  }

  /* ttl -------------- */
  .ttl-cmn-01 {
    margin-bottom: 25px;
    font-size: 18px;
  }
  .ttl-cmn-01 .sub-02 {
    margin-bottom: 10px;
  }
  .ttl-cmn-02,
  .ttl-cmn-03 {
    font-size: 13px;
  }
  .ttl-en-01 {
    margin-bottom: 50px;
    font-size: 30px;
  }
  .ttl-en-02 {
    font-size: 26px;
  }
  .ttl-hero {
    margin-top: 60px;
  }
  .ttl-hero .en {
    font-size: 10px;
  }
  .ttl-hero .ja {
    margin-top: 5px;
    font-size: 20px;
  }
  p + .ttl-cmn-02 {
    margin-top: 25px;
  }
  .link-tel {
    text-decoration: underline !important;
    pointer-events: all;
  }
  .btn-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .btn-wrap a[class^="btn-cmn-"] + a[class^="btn-cmn-"] {
    margin: 20px 0 0;
  }

  .list-cmn-01 {
    display: block;
  }
  .list-cmn-01 .item + .item {
    margin-top: 30px;
  }
  .list-cmn-01 .item .img-radius {
    margin-bottom: 15px;
  }
  .list-cmn-01 .item-02,
  .list-cmn-01 .item-03 {
    width: auto !important;
  }

  /* 固定ページ
  ---------------------------------------------------------- */
  body.about .contents-in,
  body.healthy .contents-in,
  body.safety .contents-in,
  body.steak .contents-in {
    margin-top: 60px;
  }
  body.page .img-hero {
    margin: 0 -30px;
    padding-bottom: 80px;
  }
  body.page .scrolldown {
    position: relative;
  }
  body.page .scrolldown::after {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: 50%;
    width: 1px;
    background: #616161;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity: 0;
  }
  @keyframes pathmove {
    0% {
      height:0;
      top: -50px;
      opacity: 0;
    }
    30% {
      height:30px;
      opacity: 1;
    }
    100% {
      height: 0;
      top: 0;
      opacity: 0;
    }
  }
  body.page .box-type-01,
  body.page .box-type-02,
  body.safety #sec-04,
  body.steak .box-app {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  body.page .box-type-01 {
    margin: 0;
  }
  body.page .box-type-01:nth-of-type(1) {
    margin-bottom: 0;
  }
  body.page .box-type-03 {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.page:not(.shop) .sec-cmn-01 + .sec-cmn-01 {
    margin-top: 70px;
  }
  body.page .box-txt-280,
  body.page .box-txt-320,
  body.page .box-txt-380,
  body.page .box-txt-400,
  body.page .box-txt-440,
  body.page .box-txt-520,
  body.page .box-txt-560,
  body.page .box-txt-640,
  body.page .box-txt-700,
  body.page .box-txt-1040,
  body.about #sec-04 .box-txt,
  body.safety #sec-03 .box-txt,
  body.steak .list-step .step-02 .box-txt-350,
  body.topics #sec-04 .list-cmn-01 {
    width: auto;
    max-width: 270px;
    margin: 40px auto 0;
  }
  body.page .box-txt-280 + .box-img,
  body.page .box-txt-320 + .box-img,
  body.page .box-txt-350 + .box-img,
  body.page .box-txt-380 + .box-img,
  body.page .box-txt-400 + .box-img,
  body.page .box-txt-440 + .box-img,
  body.page .box-txt-520 + .box-img,
  body.page .box-txt-560 + .box-img,
  body.page .box-txt-640 + .box-img,
  body.page .box-txt-1040 + .box-img {
    width: auto;
  }
  body.page .box-txt-320 + .box-img {
    height: auto;
    padding: 0;
  }
  body.page .box-txt-700 + .box-img {
    width: 240px;
    height: auto;
    margin: 15px auto 5px;
  }
  body.page .box-type-01:nth-of-type(1),
  body.page .box-type-02 {
    margin-left: 0;
    margin-right: 0;
  }

  /* about -------------- */
  body.about #sec-02 {
    margin: 50px 0;
  }
  body.about #sec-02 .box-txt-320 + .box-img {
    margin: 0 -20px;
    padding: 0;
    height: auto;
  }
  body.about #sec-03 {
    max-width: 270px;
    margin: 0 auto;
  }
  body.about #sec-03 .ttl-cmn-01 {
    margin-bottom: 30px;
    text-align: left;
  }
  body.about #sec-03 .list-cmn-01 {
    margin-top: 0;
  }
  body.about #sec-04 {
    margin-top: 90px;
    padding: 0;
  }
  body.about #sec-04 .box-img:nth-of-type(3) {
    position: static;
    width: 280px;
    height: auto;
    margin: 10px auto 0;
    transform: none;
    order: 3;
  }

  /* healthy -------------- */
  body.healthy .box-type-01:nth-of-type(1) {
    margin-bottom: 60px;
  }
  body.healthy #sec-02 .box-type-01 {
    margin: 0 0 50px;
  }
  body.healthy #sec-02 .list-cmn-01 + .list-cmn-01 {
    margin-top: 60px;
  }
  body.healthy #sec-02 p + .ttl-cmn-02{
    margin-top: 30px;
  }
  body.healthy #sec-02 .list-cmn-01 + .list-cmn-01 .item + .item {
    margin-top: 60px;
  }
  body.healthy #sec-03 {
    margin-top: 100px;
  }
  body.healthy .list-graph,
  body.healthy .list-bhup {
    display: block;
  }
  body.healthy .list-graph .item,
  body.healthy .list-bhup .item {
    width: auto;
  }
  body.healthy .list-graph .item + .item {
    margin-top: 25px;
  }
  body.healthy .list-graph .item figure .s-ta-r {
    margin-top: 10px;
  }
  body.healthy .list-bhup {
    max-width: 270px;
  }
  body.healthy .list-bhup .item + .item {
    margin-top: 50px;
  }
  body.healthy .list-bhup .item .img-radius {
    height: 270px;
  }
  body.healthy .list-bhup .item .img-radius figure {
    width: 120px;
    height: auto;
  }
  body.healthy .list-bhup .item .img-radius figcaption {
    right: -25px;
    bottom: -35px;
    width: 65px;
    height: 65px;
  }
  body.healthy .list-bhup .item .ttl-cmn-02 {
    margin: 20px 0;
  }
  body.healthy .list-bhup .btn-cmn-01 {
    width: 180px;
    height: 40px;
    padding-top: 8px;
    font-size: 12px;
    border-radius: 20px;
  }

  /* safety -------------- */
  body.safety #sec-03 {
    margin: 80px 0 30px;
  }
  body.safety #sec-03 .box-img:nth-of-type(1) {
    width: auto;
    margin-bottom: 0;
  }
  body.safety #sec-03 .box-img:nth-of-type(2) {
    width: 180px;
    height: auto;
    margin-top: 0;
  }
  body.safety #sec-04 {
    margin: 60px 0 0;
  }
  body.safety #sec-04 .btn-cmn-01 {
    margin: 45px auto 50px;
  }

  /* steak -------------- */
  /* body.steak .list-step .step-02 {
    margin: 50px 0;
  }
  body.steak .list-step .step-02 .box-img {
    margin-top: 20px;
  }
  body.steak .list-step .step-03 .box-txt-440 {
    margin-top: 40px;
  } */
  body.steak #sec-01 .box-txt,
  body.steak .list-cmn-01 .item-02 {
    margin-bottom: 0;
  }
  body.steak #sec-01 .ttl-cmn-01 {
    margin-bottom: 25px;
  }
  body.steak #sec-01 .txt-cmn-01 {
    margin-bottom: 20px;
  }
  body.steak #sec-02 h4 {
    margin: 30px 0 10px;
  }
  body.steak #sec-02 h4,
  body.steak #sec-02 .txt-point {
    font-size: 14px;
  }
  body.steak #sec-02 .txt-point + .txt-point {
    margin-top: 8px;
  }
  body.steak .list-howto {
    display: block;
    margin-top: 30px;
  }
  body.steak .list-howto .item {
    margin-bottom: 15px;
    padding: 20px;
  }
  body.steak .list-howto .item,
  body.steak .list-howto .howto-detail .box-txt,
  body.steak .list-howto .howto-flow li.high,
  body.steak .list-howto .howto-flow li.low,
  body.steak .box-howto-in .box-txt {
    width: auto !important;
    letter-spacing: 0;
  }
  body.steak .list-howto .howto-detail {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  body.steak .list-howto .howto-detail .img-radius {
    margin: 10px auto 5px;
  }
  body.steak .list-howto .howto-flow {
    display: block;
    margin-top: 10px;
  }
  body.steak .list-howto .howto-flow li {
    height: auto;
  }
  body.steak .list-howto .howto-flow li.high,
  body.steak .list-howto .howto-flow li.low {
    margin-top: 15px;
    padding: 10px 15px 9px;
    text-align: left;
  }
  body.steak .list-howto .howto-flow li .number {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-right: 10px;
    transform: none;
  }
  body.steak .list-howto .howto-flow li + li::before,
  body.steak .list-howto .howto-flow .turn::before {
    left: 50%;
    border-width: 5px 3px 0 3px;
    border-color: #212121 transparent transparent transparent;
    transform: translate(-50%, 0);
  }
  body.steak .list-howto .howto-flow li + li::before {
    top: -12px;
  }
  body.steak .list-howto .howto-flow .turn::before {
    top: 5px;
  }
  body.steak .list-howto .howto-flow li.high::after,
  body.steak .list-howto .howto-flow li.low::after {
    left: auto;
    right: 15px;
    bottom: 50%;
    transform: translateY(50%);
  }
  body.steak .list-howto .howto-flow li.turn {
    padding-top: 15px;
  }
  body.steak .list-howto .howto-flow li.turn img {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
  }
  body.steak .list-howto .howto-flow li.turn span:nth-of-type(1) {
    padding-left: 0.7em;
  }
  body.steak .box-howto,
  body.steak .box-howto-in {
    padding: 20px;
  }
  body.steak .box-howto-in {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  body.steak .box-howto-in .box-img {
    width: 180px;
    margin: 10px auto 25px;
  }
  body.steak .box-howto-in .box-txt .ttl-cmn-01 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  body.steak .box-howto-in .box-txt .list-dot-01 {
    margin-top: 20px;
  }
  body.steak #sec-04 .box-txt-440 {
    margin-top: 40px;
  }
  body.steak .box-app {
    max-width: 270px;
    padding: 0;
  }
  body.steak .box-app .txt,
  body.steak .box-app .img {
    width: auto;
  }
  body.steak .box-app .img .aussiekun {
    left: 15px;
    bottom: -4px;
    width: 110px;
  }
  body.steak .box-app .txt {
    margin: 30px 0 0;
  }
  body.steak .box-app .txt h4::before {
    margin-bottom: 20px;
  }
  body.steak .box-app .txt .btn-wrap {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
  }
  body.steak .box-app .txt .btn-wrap a + a {
    margin: 0;
  }

  /* topics -------------- */
  body.topics #sec-01,
  body.topics #sec-02 {
    margin-bottom: 60px;
  }
  body.topics #sec-02,
  body.topics #sec-03 {
    margin-left: 0;
    margin-right: 0;
  }
  body.topics #sec-04 {
    margin-top: 90px;
  }
  body.topics #sec-04 .ttl-cmn-01,
  body.topics #sec-04 .img {
    margin-bottom: 40px;
  }
  body.topics #sec-04 .img {
    width: 100%;
    height: auto;
  }
  body.topics #sec-04 .list-cmn-01 .item {
    margin-bottom: 0;
  }

  /* shop -------------- */
  body.shop .sec-cmn-01 + .sec-cmn-01 {
    margin-top: 50px;
  }
  body.shop .list-shop {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
  }
  body.shop .list-shop .item {
    width: calc(50% - 5px);
    margin: 0 0 20px;
    line-height: 1.4;
    font-size: 11px;
  }
  body.shop .list-shop .item .img-radius {
    margin-bottom: 10px;
    padding: 0;
  }
  body.shop .list-shop .item .img-radius img {
    height: auto;
  }

  /* aussiebeef-mates
  ---------------------------------------------------------- */
  body.aussiebeef-mates #sec-01 .ttl-cmn-01 img {
    max-width: 220px;
    margin-bottom: 40px;
  }
  body.aussiebeef-mates #sec-02 .ttl-cmn-01,
  body.aussiebeef-mates #sec-03 .ttl-cmn-01 {
    margin-bottom: 30px;
  }
  body.aussiebeef-mates #sec-02 .list-mates .item,
  body.aussiebeef-mates #sec-02 .list-mates figure,
  body.aussiebeef-mates #sec-02 .list-mates figure .img {
    display: block;
  }
  body.aussiebeef-mates #sec-02 .list-mates figure,
  body.aussiebeef-mates #sec-02 .list-mates .detail {
    width: auto;
  }
  body.aussiebeef-mates #sec-02 .list-mates figure .img {
    margin: 0 auto 20px;
  }
  body.aussiebeef-mates #sec-02 .list-mates figure .name {
    text-align: center;
  }
  body.aussiebeef-mates #sec-02 .list-mates .detail {
    margin-top: 40px;
  }
  body.aussiebeef-mates #sec-03 .box-img {
    margin-top: 60px;
  }
  body.aussiebeef-mates #sec-03 .box-img img {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
  body.aussiebeef-mates #sec-04 .ttl-cmn-01 {
    margin-bottom: 20px;
    font-size: 14px;
  }
  body.aussiebeef-mates #sec-04 .logo {
    max-width: 200px;
  }

  /* カスタム投稿タイプ
  ---------------------------------------------------------- */

  /* 最新ピックアップ -------------- */
  .pickup-info {
    right: 0;
    bottom: 0;
    width: 100%;
    /* width: 200px; */
  }
  .pickup-info .link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    border-radius: 0;
  }
  .pickup-info .link .img {
    width: 150px;
  }
  .pickup-info .link .detail {
    width: calc(100% - 150px);
    margin: 0;
    padding: 0 10px;
  }
  .pickup-info .link h3 {
    font-size: 14px;
  }
  .pickup-info .link p {
    line-height: 1.6;
    font-size: 10px;
  }
  .pickup-info .close {
    top: -20px;
    right: 3px;
    width: 34px;
    height: 34px;
    padding: 4px;
  }

  /* レシピ / ブログ -------------- */
  .list-archive {
    display: block;
  }
  .list-archive .item {
    width: auto;
    margin-bottom: 35px;
  }
  .list-archive .item .post-img .img-radius {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
  }
  .list-archive .item .post-img .img-radius img {
    position: absolute;
    top: 0;
    left: 0;
  }
  body.post-type-archive-recipe .list-archive .item .ttl-cmn-03,
  body.tax-blog_cat .list-archive .item .ttl-cmn-03 {
    margin: 10px 0 0;
  }
  body.post-type-archive-blog .list-archive .item .ttl-cmn-03,
  body.tax-recipe_cat .list-archive .item .ttl-cmn-03 {
    margin: 10px 0 5px;
  }
  body.post-type-archive-blog .list-archive.column .item {
    margin-left: 0;
    margin-right: 0;
  }
  body.post-type-archive-blog .sec-cmn-02 .ttl-cmn-01 {
    margin-bottom: 40px;
  }

  .box-tag {
    display: block;
    margin: 0 0 40px;
    border-bottom: 1px solid #ececec;
  }
  .box-tag .tag-ttl {
    position: relative;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #ececec;
  }
  .box-tag .tag-ttl::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url("../img/ico_arrow_05.svg") no-repeat 50% 50%;
    background-size: contain;
    transition: transform 0.2s;
  }
  .box-tag.is-active .tag-ttl::after {
    transform: scale(1, -1);
  }
  .box-tag-in {
    display: none;
    margin-top: 5px;
    padding-bottom: 20px;
  }
  .box-tag-in .tag-cmn-02 {
    margin: 0px 5px 5px 0;
    padding: 5px 10px;
  }

  .contents-main {
    margin: 0 0 90px;
  }
  .contents-main .img-hero {
    margin: 0 -20px;
  }
  body.single-recipe .contents-main .ttl-hero,
  body.single-blog .contents-main .ttl-hero {
    margin: 0 0 40px;
  }

  .contents-main .post-data {
    font-size: 11px;
  }
  .contents-main .post-detail {
    margin: 30px auto 60px;
  }
  .contents-main .ttl-cmn-04 {
    margin-top: 60px;
  }
  .contents-main .box-sns .link-ico {
    width: 40px;
    height: 40px;
    margin: 0 7px;
  }
  .contents-sub .ttl-cmn-04 {
    margin-bottom: 40px;
  }
  .contents-sub .list-related .item {
    width: auto;
  }
  .contents-sub .list-related .item:nth-of-type(n + 2) {
    margin-top: 30px;
  }
  .contents-sub .list-related .post-ttl {
    margin-top: 10px;
    font-size: 14px;
  }

  body.single-recipe .contents-main .ttl-cmn-01 {
    margin: 15px -30px 8px;
  }
  .recipe-list-howto .flow img {
    border-radius: 7px;
  }

  body.single-blog .contents-main .ttl-cmn-01 {
    margin: 15px 0;
  }
  body.single-blog .post-cat {
    margin: 30px 0 20px;
  }

  body.cat-watashi .img-hero-box,
  body.cat-watashi .img-hero .img-radius,
  body.cat-watashi .img-hero .txt {
    width: auto;
  }
  body.cat-watashi .img-hero-box {
    overflow: hidden;
    margin: 60px auto 80px;
  }
  body.cat-watashi .img-hero-box .ttl-hero {
    right: 50px;
    bottom: 26%;
    width: 220px;
    height: auto;
    margin: 0;
  }
  body.cat-watashi .img-hero {
    display: block;
  }
  body.cat-watashi .img-hero .img-radius {
    margin: 0 0 0 -30px;
    border-radius: 0 7px 7px 0;
  }
  body.cat-watashi .img-hero .txt {
    margin: 26% 0 0 30px;
    font-size: 10px;
  }
  body.cat-watashi .contents-main .ttl-cmn-01,
  body.cat-watashi .contents-main .post-data {
    line-height: 2.14;
    margin: 0 auto 20px;
  }
  body.cat-watashi .contents-main .post-data {
    letter-spacing: 0.05em;
    font-size: 12px;
  }
  body.cat-watashi .contents-main .ttl-cmn-01,
  body.cat-watashi .post-detail h3,
  body.cat-watashi .post-other-in h3,
  body.cat-column .post-content > h3:not(.ttl-cmn-04) {
    letter-spacing: 0.15em;
  }
  body.cat-watashi .post-detail h3,
  body.cat-watashi .post-other-in h3,
  body.cat-column .post-content > h3:not(.ttl-cmn-04) {
    line-height: 1.8;
  }
  body.cat-watashi .post-detail figcaption,
  body.cat-watashi .post-other-in .txt {
    font-size: 11px;
  }
  body.cat-watashi .post-other {
    margin-top: 80px;
  }
  body.cat-watashi .post-other-in + .post-other-in {
    margin-top: 40px;
  }
  body.cat-watashi .interviewee .img {
    width: 80%;
  }
  body.cat-watashi .interviewee h3 {
    margin: 15px 0;
  }
  body.cat-watashi .staff .img {
    float: none;
    width: 50%;
    margin: 0 0 15px;
  }

  body.cat-column .box-index {
    margin: 40px 0;
    padding: 30px 20px;
  }
  body.cat-column .box-writer,
  body.cat-column .box-recipe {
    margin: 40px 0;
    padding: 30px;
    border-radius: 7px;
  }
  body.cat-column .box-recipe h3 {
    margin-bottom: 20px;
  }
  body.cat-column .box-recipe figcaption {
    font-size: 14px;
  }

  .list-campaign .item {
    display: block;
  }
  .list-campaign .item + .item {
    margin-top: 60px;
  }
  .list-campaign .item .img-radius,
  .list-campaign .item .detail {
    width: auto;
    max-width: none;
  }
  .list-campaign .item .detail {
    margin: 30px 0 0;
  }
  .list-campaign .item .detail .ttl-cmn-03 {
    font-size: 18px;
  }
  .list-campaign .item .post-data {
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 13px;
  }
  .list-campaign .item .btn-cmn-05 {
    width: 80%;
    margin-top: 30px;
    padding-top: 8px;
    font-size: 14px;
  }
  body.sustainability .box-ghg{
    flex-direction: column;
  }
  body.sustainability .ttl-cmn-01 .sub{
    font-size: 16px
  }
}