@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.125rem; }
    @media screen and (max-width: 768px) {
      #aff-contents p {
        font-size: 0.875rem; } }
  #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; } }


/* 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/2307/img/common/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 .c-btn-pdf p {
      font-size: 0.875rem;
    }
}

/* 今月の関連記事-流用 */
#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;
}
#main_content .table__box{
  margin-top: -32px;
}
@media screen and (max-width: 768px) {
  #main_content .table__box{
    margin-top: 30px;
  }
}

/* おすすめ記事-流用 */
#aff-contents .p-recommendation {
  margin: 4em auto;
}
#aff-contents .p-recommendation h2 {
  margin: 0 auto;
  width: 35.6%;
  background: none;
  text-align: center;
  position: relative;
  z-index:20;
}
#aff-contents .p-recommendation .wrap {
/*  height: 350px; */
  height: 527px;
}
@media screen and (max-width: 768px) {
  #aff-contents .p-recommendation {
    margin: 3em auto;
  }
  #aff-contents .p-recommendation .row li p {
    font-size: 0.875rem;
    line-height: 1.25em;
  }
  #aff-contents .p-recommendation .row li span {
    padding: 0.1em 1em;
    font-size: 0.625rem;
  }
}

/* バックナンバーを見る＆●月号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%;
    }
}
.pc {display: block;}
.sp {display: none;}
@media screen and (max-width: 768px) {
.pc {display: none;}
.sp {display: block;}
}