@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Zen+Maru+Gothic:wght@400;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css");
#aff-contents {
  /*select{-moz-appearance:none;-webkit-appearance:none}*/
  overflow: hidden;
  font-family: YakuHanJP, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  color: #000;
  font-size: 1.14285714em;
  line-height: 1.75;
  letter-spacing: 0.075em;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  background: #fff; }
  #aff-contents html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%; }
  #aff-contents *, #aff-contents ::before, #aff-contents ::after {
    box-sizing: inherit; }
  #aff-contents ::before, #aff-contents ::after {
    text-decoration: inherit;
    vertical-align: inherit; }
  #aff-contents * {
    background-repeat: no-repeat;
    padding: 0;
    margin: 0; }
  #aff-contents audio:not([controls]) {
    display: none;
    height: 0; }
  #aff-contents hr {
    overflow: visible; }
  #aff-contents article, #aff-contents aside, #aff-contents details, #aff-contents figcaption, #aff-contents figure, #aff-contents footer, #aff-contents header, #aff-contents main, #aff-contents menu, #aff-contents nav, #aff-contents section, #aff-contents summary {
    display: block; }
  #aff-contents summary {
    display: list-item; }
  #aff-contents small {
    font-size: 80%; }
  #aff-contents [hidden], #aff-contents template {
    display: none; }
  #aff-contents abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none; }
  #aff-contents a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects; }
  #aff-contents a:active, #aff-contents a:hover {
    outline-width: 0; }
  #aff-contents code, #aff-contents kbd, #aff-contents pre, #aff-contents samp {
    font-family: monospace,monospace; }
  #aff-contents b, #aff-contents strong {
    font-weight: bolder; }
  #aff-contents dfn {
    font-style: italic; }
  #aff-contents mark {
    background-color: #ff0;
    color: #000; }
  #aff-contents sub, #aff-contents sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  #aff-contents sub {
    bottom: -0.25em; }
  #aff-contents sup {
    top: -0.5em; }
  #aff-contents input {
    border-radius: 0; }
  #aff-contents button, #aff-contents [type="button"], #aff-contents [type="reset"], #aff-contents [type="submit"], #aff-contents [role="button"] {
    cursor: pointer; }
  #aff-contents textarea {
    overflow: auto;
    resize: vertical; }
  #aff-contents button, #aff-contents input, #aff-contents optgroup, #aff-contents select, #aff-contents textarea {
    font: inherit; }
  #aff-contents button {
    overflow: visible; }
  #aff-contents button::-moz-focus-inner, #aff-contents [type="button"]::-moz-focus-inner, #aff-contents [type="reset"]::-moz-focus-inner, #aff-contents [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  #aff-contents button:-moz-focusring, #aff-contents [type="button"]::-moz-focus-inner, #aff-contents [type="reset"]::-moz-focus-inner, #aff-contents [type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText; }
  #aff-contents button, #aff-contents html [type="button"], #aff-contents [type="reset"], #aff-contents [type="submit"] {
    -webkit-appearance: button; }
  #aff-contents button, #aff-contents select {
    text-transform: none; }
  #aff-contents button, #aff-contents input, #aff-contents textarea {
    background-color: transparent;
    border-style: none;
    color: inherit; }
  #aff-contents select::-ms-expand {
    display: none; }
  #aff-contents select::-ms-value {
    color: currentColor; }
  #aff-contents ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit; }
  #aff-contents [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px; }
  #aff-contents img {
    border-style: none; }
  #aff-contents progress {
    vertical-align: baseline; }
  #aff-contents svg:not(:root) {
    overflow: hidden; }
  #aff-contents audio, #aff-contents canvas, #aff-contents progress, #aff-contents video {
    display: inline-block; }
  @media screen {
    #aff-contents [hidden~="screen"] {
      display: inherit; }
    #aff-contents [hidden~="screen"]:not(:active):not(:focus):not(:target) {
      position: absolute !important;
      clip: rect(0 0 0 0) !important; } }
  #aff-contents [aria-busy="true"] {
    cursor: progress; }
  #aff-contents [aria-controls] {
    cursor: pointer; }
  #aff-contents [aria-disabled] {
    cursor: default; }
  #aff-contents ::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none; }
  @media screen and (max-width: 768px) {
    #aff-contents {
      margin-left: -10px;
      margin-right: -10px; } }
/*
      #aff-contents *, #aff-contents h1, #aff-contents h2, #aff-contents h3, #aff-contents h4, #aff-contents h5, #aff-contents p {
    padding: 0;
    margin: 0;
    font-size: inherit;
    border: none;
    background: none; }
  #aff-contents h1, #aff-contents h2, #aff-contents h3, #aff-contents h4 {
    line-height: 1.5; }
    */
  #aff-contents ul, #aff-contents li {
    list-style: none;
    background: none;
    background-position: inherit; }
  #aff-contents a {
    color: inherit;
    text-decoration: none;
    transition: .2s; }
    #aff-contents a:hover {
      opacity: .8; }
  #aff-contents img {
    vertical-align: bottom;
    border: none;
    max-width: 100%;
    height: auto; }
  #aff-contents iframe {
    max-width: 100%; }
  #aff-contents input, #aff-contents select, #aff-contents textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
    border: 1px solid #aaa;
    max-width: 100%; }
  #aff-contents input[type="radio"] {
    border: none;
    width: inherit;
    max-width: 100%;
    padding: 0; }
  #aff-contents p {
    margin-bottom: 1em; }
    #aff-contents p:last-child {
      margin-bottom: 0; }
  #aff-contents strong {
    font-weight: bold;
    font-size: 100%; }
  /* #aff-contents p {
    font-size: 1.125em; } */

    #aff-contents p {
      font-size: 0.9em; }
      #main_content .table__content h2 {
        font-size: 1.15em;
    }
    @media screen and (max-width: 768px) {
      #aff-contents p {
        font-size: 0.875em; } }
  #aff-contents .c-box {
    margin-bottom: 100px; }
    @media screen and (max-width: 768px) {
      #aff-contents .c-box {
        margin-bottom: 80px; } }
    #aff-contents .c-box--lg {
      margin-bottom: 120px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--lg {
          margin-bottom: 80px; } }
      #aff-contents .c-box--lg:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box--md {
      margin-bottom: 88px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--md {
          margin-bottom: 56px; } }
      #aff-contents .c-box--md:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box--sm {
      margin-bottom: 64px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--sm {
          margin-bottom: 40px; } }
      #aff-contents .c-box--sm:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box--xs {
      margin-bottom: 44px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--xs {
          margin-bottom: 32px; } }
      #aff-contents .c-box--xs:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box--xxs {
      margin-bottom: 32px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-box--xxs {
          margin-bottom: 16px; } }
      #aff-contents .c-box--xxs:last-child {
        margin-bottom: 0; }
    #aff-contents .c-box:last-child {
      margin-bottom: 0; }
  #aff-contents .c-inner {
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 768px) {
      #aff-contents .c-inner {
        padding: 0 20px; } }
    #aff-contents .c-inner__inner {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      #aff-contents .c-inner__inner--740 {
        max-width: 740px; }
      #aff-contents .c-inner__inner--700 {
        max-width: 700px; }
      #aff-contents .c-inner__inner--640 {
        max-width: 640px; }
      #aff-contents .c-inner__inner--600 {
        max-width: 600px; }
      #aff-contents .c-inner__inner--560 {
        max-width: 560px; }
      #aff-contents .c-inner__inner--520 {
        max-width: 520px; }
      #aff-contents .c-inner__inner--480 {
        max-width: 480px; }
      #aff-contents .c-inner__inner--440 {
        max-width: 440px; }
      #aff-contents .c-inner__inner--400 {
        max-width: 400px; }
      @media screen and (max-width: 768px) {
        #aff-contents .c-inner__inner--sp {
          padding: 0 20px; } }
    @media screen and (max-width: 768px) {
      #aff-contents .c-inner--fit {
        padding-left: 0;
        padding-right: 0; } }




#aff-contents .red {border: 1px solid #c00;}

  #aff-contents .p-page-header {
    max-width: 960px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto -80px; 
  }
  #aff-contents .p-page-header__item {
    width: 115px;
    margin-right: 12px;
  }
  #aff-contents .p-page-header__item:last-child {
    width: 170px;
  }
  @media screen and (max-width: 768px) {
    #aff-contents .p-page-header {
      max-width: 100%;
      margin: 0 auto -20px; 
    }
    #aff-contents .p-page-header__item {
      width: 12%;
      margin-right: 3%;
    }
    #aff-contents .p-page-header__item:last-child {
      width: 17.7%;
    }
  }

  #aff-contents .p-page-ttl {
      margin: 0 auto 60px;
    width: 740px;
    text-align: center; }
  #aff-contents .p-page-ttl__main {
      width: 100%; }
  #aff-contents .p-page-ttl__lead {
    margin: 60px auto 50px;
    width: 560px;
    text-align: center; }
  #aff-contents .p-page-ttl__txt {
      font-weight: bold;
      font-size: 1.125em; }
    @media screen and (max-width: 768px) {
      #aff-contents .p-page-ttl {
        margin-bottom: 20px;
          width: 100%;
      } 
      #aff-contents .p-page-ttl__lead {
        margin: 30px auto 20px;
        width: 70%;
      }
      #aff-contents .p-page-ttl__txt {
        font-size: 0.8125em;
      }
    }

    /* 今週の見どころ */
  #aff-contents .p-intro {
      margin: 0 auto 70px;
      width: 100%;
  }
  #aff-contents .p-intro .check-point {
    min-height: 360px;
    background: url(/j/pr/aff/2306/img/spe_1/list_bg.jpg) 0 0 no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
  }

    #aff-contents .p-intro .point {
      margin: 0 auto 40px;
      width: 29.4%;
    }
    #aff-contents .p-intro ul {
      margin: 0 auto;
      text-align: left;
  }
    #aff-contents .p-intro li {
      font-size: 1.3125rem;
      line-height: 2.2;
      padding-left: 1em;
      list-style: none;
  }
    #aff-contents .p-intro li a {
      position: relative;
      padding-right: 46px;
      text-decoration: underline;
  }
    #aff-contents .p-intro li a:before {
      content: '>';
      /* width: 6px;
      height: 6px; */
      left: -1em;
      /* top: calc(50% - 3px); */
      position: absolute;
      text-decoration: none;
  }
    /* #aff-contents .p-intro li a:after {
      content: '';
      width: 42px;
      height: 14px;
      right: 0;
      top: calc(50% - 7px);
      position: absolute;
      background: url(/j/pr/aff/2306/img/spe_1/arr_go.svg) no-repeat; 
  } */
@media screen and (max-width: 768px) {
    #aff-contents .p-intro .point {
      margin: 30px auto 20px;
    }
  #aff-contents .p-intro ul {
      width: 90%;
  }
  #aff-contents .p-intro li {
      font-size: 1.125rem;
      line-height: 1.85;
  }
      /* #aff-contents .p-intro li a:after {
      content: '';
      width: 42px;
      height: 14px;
      right: 0;
      top: auto;
      bottom: 0.3em;
      position: absolute;
      background: url(/j/pr/aff/2306/img/spe_1/arr_go.svg) no-repeat; 
  } */
}


  /* 見どころ詳細 */
    #aff-contents .p-point__content {
      margin: 0 auto 40px;
      width: 100%;
  }
    #aff-contents .p-point__content h2 {
      margin: 25px auto 45px;
      padding-left: 50px;
      font-size: 2.125rem;
      font-weight: 700;
      border: none;
      position: relative;
      background: none;
  }
    #aff-contents .p-point__content h2::before {
      content: '';
      width: 50px;
      height: 50px;
      left: 0;
      top: -25px;
      position: absolute;
      background: url(/j/pr/aff/2306/img/spe_1/flag.svg) no-repeat; 
  }
    #aff-contents .p-point__content h2 span {
      background:linear-gradient(transparent 80%, #F1530E 80%);
  }
    #aff-contents .p-point__content .text-box {
      margin: 0 auto 40px;
      width: 740px;
    }
    #aff-contents .p-point__content .text-box h3 {
      margin: 0 auto 10px;
      font-size: 1.5rem;
      font-weight: 700;
      color: #EA5514;
      border: none;
      }
    #aff-contents .p-point__content .text-box p {
      margin: 0 auto 45px;
      font-size: 1.125rem;
    }
@media screen and (max-width: 768px) {
    #aff-contents .p-point__content h2 {
      margin: 25px auto 25px;
      padding-left: 30px;
      font-size: 1.6rem;
  }
    #aff-contents .p-point__content h2::before {
      width: 30px;
      height: 30px;
      left: 0;
      top: -15px;
  }
  #aff-contents .p-point__content .text-box {
      margin: 0 auto 20px;
      width: 90%;
    }
    #aff-contents .p-point__content .text-box p {
      margin: 0 auto 25px;
    }
}

/* カラーボックス */
    #aff-contents .note-box {
      margin: 0 auto 70px;
      padding: 25px;
      width: 740px;
      border:1px solid #AA8546;
      background-color: #F2EACE;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }
    #aff-contents .note-box picture {
      width: 41.6%;
    }
    #aff-contents .note-box .text-box {
      margin: 0;
      width: 55.3%;
    }
    #aff-contents .note-box .text-box p {
      margin: 0;
      padding: 0;
      font-size: 0.875rem;
      line-height: 2;
    }
    #aff-contents .note-box .text-box .sub {
      font-size: 1rem;
      font-weight: 700;
      color: #AA8546;
      padding-left: 3em;
      text-indent: -3em;
      }
    #aff-contents .note-box.meister picture {
      width: 21.8%;
    }
    #aff-contents .note-box.meister .text-box {
      margin: 0;
      width: 70%;
    }
    #aff-contents .note-box .text-box .roll {
      font-size: 1rem;
      font-weight: 700;
      color: #AA8546;
      }
    #aff-contents .note-box .text-box .person {
      font-size: 1.3175rem;
      font-weight: 700;
      }
    #aff-contents .note-box .text-box .person span {
      font-size: 0.875rem;
      }
@media screen and (max-width: 768px) {
    #aff-contents .note-box {
      margin: 0 auto 45px;
      padding: 3%;
      width: 90%;
      flex-direction: column;
    }
    #aff-contents .note-box picture {
      margin: 0 auto 10px;
      width: 60%;
    }
    #aff-contents .note-box .text-box {
      margin: 0;
      width: 100%;
    }

    #aff-contents .note-box.meister picture {
      margin: 0 auto 3%;
      width: 40%;
    }
    #aff-contents .note-box.meister .text-box {
      width: 100%;
    }
    #aff-contents .note-box .text-box .roll,
    #aff-contents .note-box .text-box .person {
      text-align: center;
    }
  }

    #aff-contents .p-point__content .point1-img{
      margin: 0 auto 40px;
      width: 740px;
    }
    #aff-contents .p-point__content .point2-img {
      margin: 0 auto 70px;
      width: 740px;
    }
    #aff-contents .p-point__content .point3-img {
      margin: 0 auto 40px;
      width: 560px;
    }
@media screen and (max-width: 768px) {
    #aff-contents .p-point__content .point1-img, 
    #aff-contents .p-point__content .point3-img {
      margin: 0 auto 40px;
      width: 96%;
    }
    #aff-contents .p-point__content .point2-img {
      margin: 0 auto 40px;
      width: 80%;
    }
}


    /* 朝のお米の選び方 */
    #aff-contents .choice {
      margin: 0 auto 100px;
      padding: 50px;
      width: 960px;
      background: url(/j/pr/aff/2306/img/spe_1/rice_bg.png) 0 0 no-repeat;
      background-size: cover;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      flex-direction: column;
    }
    #aff-contents .choice-box {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }
    #aff-contents .choice-box .rice {
     width: 30%;
    }
    #aff-contents .choice h4 {
      margin: 0 auto 10px;
      font-size: 1.5625rem;
      font-weight: 700;
      color: #F39800;
      text-align: center;
      border: none;
      }
    #aff-contents .choice h5 {
      margin: 0 auto 10px;
      font-size: 1.3125rem;
      font-weight: 700;
      color: #F39800;
      text-align: center;
      border: none;
      }

    #aff-contents .choice picture  {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    #aff-contents .choice p {
      margin: 0 auto 45px;
      font-size: 1rem;
    }
    #aff-contents .choice-box .rice p {
      margin: 0;
      font-size: 0.875rem;
  }
@media screen and (max-width: 768px) {
    #aff-contents .choice {
      margin: 0 auto 50px;
      padding: 20px;
      width: 100%;
    }
    #aff-contents .choice p {
      margin: 0 auto 25px;
    }
    #aff-contents .choice-box {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column;
    }
    #aff-contents .choice-box .rice {
     margin: 0 auto 30px;
     width: 100%;
    }
    #aff-contents .choice-box .rice picture {
      margin: 0 auto;
     width: 60%;
    }
}

    /* ヤンマー米ギャラリー */
    #aff-contents .kome-gallery {
      margin: 0 auto 60px;
      padding: 35px;
      width: 100%;
      border:1px solid #AA8546;
      background-color: #F2EACE;
    }
    #aff-contents .kome-gallery .gallery-ttl {
      margin: 0 auto 30px -25px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    #aff-contents .kome-gallery .gallery-ttl picture {
      width: 23%;
      max-width: 210px;
    }
    #aff-contents .kome-gallery .gallery-ttl h2 {
      width: auto;
      font-size: 1.625rem;
      font-weight: 700;
      line-height: 1.4;
      color: #AA8546;
      flex:1;
      background: none;
    }

    #aff-contents .kome-gallery h3 {
      margin: 0 auto 20px;
      font-size: 1.625rem;
      font-weight: 700;
      color: #AA8546;
      border: none;
    }
    #aff-contents .kome-gallery p {
      margin: 0 auto 40px;
      font-size: 1rem;
      line-height: 1.8;
    }

    #aff-contents .kome-gallery .front p {
      margin: 10px auto 40px;
      font-size: 0.875rem;
      line-height: 1.5;
    }

    #aff-contents .kome-gallery .gallery-inside {
      margin: 0 0 30px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
    }
    #aff-contents .kome-gallery .gallery-box {
      padding: 10px;
      width: 31%;
      color: #fff;
      background-color: #A98446;
    }
    #aff-contents .kome-gallery .gallery-box img {
      width: 100%;
    }
    #aff-contents .kome-gallery .gallery-box h4 {
      margin: 10px auto;
      font-size: 1.125rem;
      font-weight: 700;
      border: none;
      }
    #aff-contents .kome-gallery .gallery-box p {
      margin: 0;
      font-size: 0.875rem;
      line-height: 1.5;
    }
    #aff-contents .kome-gallery .gallery-about {
      padding: 20px 35px;
      width: 100%;
      background-color: #fff;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    #aff-contents .kome-gallery .gallery-about h5 {
      margin-right: 1.5em;
      width: auto;
      font-size: 1.3125rem;
      font-weight: 700;
      color: #AA8546;
      }
    #aff-contents .kome-gallery .gallery-about p {
      margin: 0;
      padding: 0;
      font-size: 0.75rem;
      line-height: 2.25;
      flex: 1;
    }
    #aff-contents .kome-gallery .gallery-about p a {
      color: #0D619B;
      background: none;
      word-break: break-all;
      }
@media screen and (max-width: 768px) {
    #aff-contents .kome-gallery {
      margin: 0 auto 40px;
      padding: 3%;
    }
    #aff-contents .kome-gallery .gallery-ttl {
      margin: 0 0 20px -5px;
      align-items: flex-start;
    }

    #aff-contents .kome-gallery p {
      margin: 0 auto 20px;
    }
    #aff-contents .kome-gallery .front p {
      margin: 10px auto 20px;
    }
    #aff-contents .kome-gallery .gallery-inside {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      flex-direction: column;
    }
    #aff-contents .kome-gallery .gallery-box {
      margin-bottom: 20px;
      width: 100%;
    }
    #aff-contents .kome-gallery .gallery-box:last-child {
      margin-bottom: 0;
    }
    #aff-contents .kome-gallery .gallery-about {
      padding: 3%;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column;
    }
    #aff-contents .kome-gallery .gallery-box p, 
    #aff-contents .kome-gallery .gallery-about p {
      margin: 0;
    }

  }


/* PDFダウンロード */
    #aff-contents .c-btn-pdf {
      margin: 0 auto 80px;
      width: 46%;
      font-size: 1.25;
      color: #fff;
    }
    #aff-contents .c-btn-pdf a{
      padding: 0.3em 1em;
      color: #fff;
      background: none;
      background-color: #000;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-wrap: nowrap;
      flex-direction: row;
    }
    #aff-contents .c-btn-pdf p {
      font-size: 1.25;
      line-height: 1.3;
      color: #fff;
      text-align: center;
      padding-left: 44px;
      position: relative;
    }
    #aff-contents .c-btn-pdf p:after {
      content: '';
      width: 42px;
      height: 40px;
      left: 0;
      top: calc(50% - 20px);
      position: absolute;
      background: url(/j/pr/aff/2306/img/spe_1/fa_download_wh.svg) no-repeat; 
  }
@media screen and (max-width: 768px) {
    #aff-contents .c-btn-pdf {
      margin: 0 auto 40px;
      width: 80%;
    }
}

/* 今月の関連記事-流用 */
#aff-contents .p-feature__ttl {
  margin: 0 auto 30px;
  width: 42.4%;
  background: none;
  text-align: center;
}
#aff-contents .p-feature__month {
  margin: 0 auto 0;
  width: 17.7%;
  background: none;
  text-align: center;
}
#main_content .table{
  margin: 40px 0 100px;
  padding: 50px 0;
}

/* おすすめ記事-流用 */
#aff-contents .p-recommendation {
  margin: 4em auto;
}
#aff-contents .p-recommendation h2 {
  margin: 0 auto;
  width: 35.6%;
  background: none;
  text-align: center;
}
#aff-contents .p-recommendation .wrap {
  height: 350px;
  background: url(/j/pr/aff/2306/img/spe_1/recommendation_bg.jpg) 0 0 no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  #aff-contents .p-recommendation {
    margin: 3em auto;
  }
}

/* バックナンバーを見る＆●月号TOPへ戻る */
    #aff-contents .c-btn-backnumber, 
    #aff-contents .c-btn-gotop {
      margin: 0 auto 50px;
      width: 40%;
    }
    #aff-contents .c-btn-backnumber a, 
    #aff-contents .c-btn-gotop a{
      width: 100%;
      height: 50px;
      background: none;
      border-radius: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #aff-contents .c-btn-backnumber a{
      font-size: 1;
      color: #fff;
      background-color: #604A2D;
    }
    #aff-contents .c-btn-gotop a{
      font-size: 1.3125;
      color: #333;
      background-color: #fff;
      border: 1px solid #070707;
      box-shadow: 5px 5px #ccc;
    }
    #aff-contents .c-btn-impressions {
      margin: 0 auto 50px;
      width: 74.5%;
    }
    #aff-contents .c-btn-impressions a {
      background: none;
    }
@media screen and (max-width: 768px) {
    #aff-contents .c-btn-backnumber, 
    #aff-contents .c-btn-gotop {
      margin: 0 auto 30px;
      width: 80%;
    }
    #aff-contents .c-btn-impressions {
      margin: 0 auto 30px;
      width: 90%;
    }
}