@charset "UTF-8";
  #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: 960px;
    text-align: center; }
  #aff-contents .p-page-ttl__main {
      width: 100%; }
  #aff-contents .p-page-ttl__lead {
    margin: 60px auto 50px;
    width: 889px;
    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: 92.6%;
      }
      #aff-contents .p-page-ttl__txt {
        font-size: 0.8125em;
      }
    }

    /* 今週の見どころ */
  #aff-contents .p-intro {
      margin: 0 auto 40px;
      width: 100%;
  }
  #aff-contents .p-intro .check-point {
    min-height: 380px;
    background: url(/j/pr/aff/2307/img/spe_1_03/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 30px;
      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;
  }
@media screen and (max-width: 768px) {
  #aff-contents .p-intro .check-point {
    background: url(/j/pr/aff/2307/img/spe_1_03/list_bg_sp.jpg) 0 0 no-repeat;
  }
  #aff-contents .p-intro .point {
      margin: 30px auto 20px;
    }
  #aff-contents .p-intro ul {
    margin-bottom: 30px;
      width: 90%;
  }
  #aff-contents .p-intro li {
      font-size: 1.125rem;
      line-height: 1.85;
  }
}


  /* 見どころ詳細 */
    #aff-contents .p-point__content {
      margin: 0 auto 40px;
      width: 100%;
  }
    #aff-contents #Point01 {
      margin-bottom: 80px;
  }
    #aff-contents #Point02, 
    #aff-contents #Point03, 
    #aff-contents #Point04, 
    #aff-contents #Point05 {
      margin-bottom: 100px;
  }
    #aff-contents .p-point__content h2.ttl {
      margin: 25px auto 30px;
      padding-left: 50px;
      font-size: 2.125rem;
      font-weight: 700;
      border: none;
      position: relative;
      background: none;
  }
    #aff-contents .p-point__content h2.ttl::before {
      content: '';
      width: 50px;
      height: 50px;
      left: 0;
      top: -25px;
      position: absolute;
      background: url(/j/pr/aff/2307/img/common/flag.svg) no-repeat; 
  }
    #aff-contents .p-point__content h2.ttl span {
      background:linear-gradient(transparent 80%, #00B4ED 80%);
  }
/*
  #aff-contents .p-point__content h2.ttl:has(+h3) {
      margin-bottom: 15px;
  }
*/
    @media screen and (max-width: 768px) {
    #aff-contents #Point01 {
        margin-bottom: 40px;
    } 
    #aff-contents #Point02, 
    #aff-contents #Point03, 
    #aff-contents #Point04, 
    #aff-contents #Point05 {
        margin-bottom: 80px;
      }
    }

  #aff-contents .p-point__content .box-large {
      margin: 0 auto 80px;
      width: 100%;
    }
  #aff-contents .p-point__content .box-medium {
      margin: 0 auto 80px;
      width: 740px;
    }
  #aff-contents .p-point__content .box-medium.mb0 {
        margin-bottom: 0;
  }

    #aff-contents .p-point__content .text-box p a {
      color: #AA8546;
      background: none;
    }

    @media screen and (max-width: 768px) {
    #aff-contents .p-point__content h2.ttl {
      margin: 40px auto 25px;
      padding-left: 30px;
      font-size: 1.6rem;
  }
    #aff-contents .p-point__content h2.ttl::before {
      width: 30px;
      height: 30px;
      left: 0;
      top: -15px;
  }
  /*
  #aff-contents .p-point__content h2.ttl:has(+h3) {
      margin-bottom: 10px;
  }
  */
  #aff-contents .p-point__content .box-large {
      margin: 0 auto 40px;
      width: 100%;
    }
  #aff-contents .p-point__content .box-medium {
      margin: 0 auto 40px;
      width: 90%;
    }
    #aff-contents .p-point__content picture {
      margin: 0 auto;
      width: 100%;
    }
  }

    #aff-contents .p-point__content picture +p {
      margin-top: 15px;
    }
    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content picture +p {
        margin-top: 3%;
      }
    }


    /* 3w */
    #aff-contents .p-point__content .category01 {
      margin-bottom: 10px;
      padding: 0;
      width: 75.9%;
    }
    #aff-contents .p-point__content .category02 {
      margin-bottom: 10px;
      padding: 0;
      width: 88.5%;
    }
    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content .category01, 
      #aff-contents .p-point__content .category02 {
          margin-bottom: 40px;
        }
    }

  #aff-contents .p-point__content.convention .box-medium {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-direction: row;
    }
  #aff-contents .p-point__content.convention .ph-box, 
  #aff-contents .p-point__content.convention .text-box {
      margin: 0;
      width: 47.3%;
  }
  @media screen and (max-width: 768px) {
  #aff-contents .p-point__content.convention .box-medium {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    #aff-contents .p-point__content.convention .ph-box {
        margin: 0 0 4em;
        width: 100%;
      }
    #aff-contents .p-point__content.convention .text-box {
        margin: 0 0 2em;
        width: 100%;
      }
    #aff-contents .p-point__content.convention .text-box.mb4 .link {
        margin-bottom: 2em;
    }
    #aff-contents .p-point__content.convention .sub.line1 {
      margin-top: 0;
    }
  }

    #aff-contents .p-point__content.convention p.lead {
      margin: 0;
      font-size: 1.25rem; /* 20pt */
      line-height: 1.6; /* 32pt */
      font-weight: 700;
    }

    #aff-contents .p-point__content.convention .sub {
      margin: 0 0 0.5em;
      font-size: 1.5rem; /* 24pt */
      line-height: 1.6;
      font-weight: 700;
      color: #00B4ED;
    }
    #aff-contents .p-point__content.convention p {
      margin: 0;
      padding: 0;
      font-size: 1.125rem; /* 18pt */
      line-height: 1.61; /* 29pt */
    }
    #aff-contents .p-point__content.convention p.link {
      margin-top: 1em;
    }
    #aff-contents .p-point__content.convention p.link a {
      color: #00B4ED;
      word-break: break-all;
    }


  /* === point - highschool === */
    #aff-contents .p-point__content.highschool h3 {
      margin: 0 0 2.5em;
      padding-left: 50px;
      font-size: 1.375rem; /* 22pt */
      line-height: 2; /* 44pt */
      font-weight: 700;
      color: #00B4ED;
      border: none;
      background: none;
    }
    #aff-contents .p-point__content.highschool h4 {
      margin: 0 0 0.5em;
      font-size: 1.5rem; /* 24pt */
      line-height: 3; /* 72pt */
      font-weight: 700;
      color: #00B4ED;
      border: none;
    }
    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content.highschool h3 {
        margin: 0 0 1em;
        padding-left: 30px;
      }
      #aff-contents .p-point__content.highschool h4 {
      line-height: 1.6; 
      }
    }

    #aff-contents .p-point__content .ph-box p.cap {
      margin: 10px 0 0;
      padding: 0;
      font-size: 1.125rem; /* 18pt */
      line-height: 1.33; /* 24pt */
      font-weight: 700;
      color: #00B4ED;
    }
    #aff-contents .p-point__content .text-box p {
      margin: 0;
      padding: 0;
      font-size: 1.125rem; /* 18pt */
      line-height: 1.61; /* 29pt */
    }
    #aff-contents .p-point__content .text-box p.note {
      margin: 0.5em 0 0;
      font-size: 0.75rem; /* 12pt */
    }
    #aff-contents .p-point__content .ph-small {
      margin-bottom: 40px;
      width: 100%;
      position: relative;
  }

    #aff-contents .p-point__content .ph-small .ph-box {
      margin: 0;
      width: 74.3%;
    }
    #aff-contents .p-point__content .ph-small .text-box {
      margin: 0;
      border: 5px solid #fff;
      background-color: #00B4ED;
      position: absolute;
    }
    #aff-contents .p-point__content .ph-small .text-box p {
      margin: 0;
      padding: 0.6em;
      font-size: 1.125rem; /* 18pt */
      line-height: 1.33; /* 24pt */
      color: #fff;
      font-weight: 700;
    }


    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content .ph-small .ph-box {
        margin: 0;
        width: 100%;
      }
      #aff-contents .p-point__content .ph-small .text-box {
        margin: 0;
        border: none;
        background-color: transparent;
        position: relative;
      }
    #aff-contents .p-point__content .ph-small .text-box p.cap {
      margin: 10px 0 0;
      padding: 0;
      color: #00B4ED;
    }
  }


  /* === point2 - aomori === */
    #aff-contents .p-point__content.aomori .ph-small.ph01 .text-box {
      width: 40%;
      right: 0;
      top: -5%;
    }
    #aff-contents .p-point__content.aomori .ph-small.ph02 .text-box {
      width: 40%;
      right: 0;
      top: 30px;
    }
    #aff-contents .p-point__content.aomori .ph-small.ph02 .illust {
      position: absolute;
      width: 19%;
      right: 16%;
      bottom: -25px;
    }
    #aff-contents .p-point__content.aomori .ph-small.ph04 {
      margin-top: -160px;
    }
    #aff-contents .p-point__content.aomori .ph-small.ph03 .ph-box {
      width: 74.3%;
    }
    #aff-contents .p-point__content.aomori .ph-small.ph04 .ph-box {
      width: 47.3%;
    }
    #aff-contents .p-point__content.aomori .ph-small.ph04 .ph-box {
      margin-left: 52.7%;
    }
    #aff-contents .p-point__content.aomori .ph-small.ph03 .text-box {
      width: 32%;
      right: 0;
      top: 30px;
    }
    #aff-contents .p-point__content.aomori .ph-small.ph04 .text-box {
      width: 25%;
      right: 43%;
      bottom: 30px;
    }
    
    #aff-contents .p-point__content.aomori .ph-small.ph05 .ph-box {
      margin: 0 auto;
      width: 69.6%;
    }
    
    #aff-contents .p-point__content.aomori .ph-small.ph05 .text-box {
      width: 38%;
      right: 3%;
      bottom: 5%;
      background-color: #AA8246;
    }


    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content.aomori .ph-small.ph01 .text-box {
        width: 100%;
        right: auto;
        top: auto;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph02 .text-box {
        width: 100%;
        right: auto;
        top: auto;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph02 .text-box p.cap {
        width: 90%;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph02 .illust {
        position: absolute;
        width: 19%;
        right: -8%;
        bottom: -10px;
      }

      #aff-contents .p-point__content.aomori .ph-small.ph04 {
        margin-top: 2em;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph03 .ph-box {
        width: 100%;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph04 .ph-box {
        width: 100%;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph04 .ph-box {
        margin-left: 0;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph03 .text-box {
        width: 100%;
        right: auto;
        top: auto;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph04 .text-box {
        width: 100%;
        right: auto;
        bottom: auto;
      }

      #aff-contents .p-point__content.aomori .ph-small.ph05 .text-box {
        width: 100%;
        right: auto;
        bottom: auto;
        border: none;
        background-color: transparent;
      }
      #aff-contents .p-point__content.aomori .ph-small.ph05 .text-box p.cap {
        color: #AA8246;
      }

    }


    /* === point3 - fukuoka === */
    #aff-contents .p-point__content.fukuoka .ph-small.ph02 {
      margin-top: -160px;
    }
    #aff-contents .p-point__content.fukuoka .ph-small.ph01 .ph-box,
    #aff-contents .p-point__content.fukuoka .ph-small.ph02 .ph-box {
      width: 54%;
    }
    #aff-contents .p-point__content.fukuoka .ph-small.ph02 .ph-box {
      margin-left: 46%;
    }
    #aff-contents .p-point__content.fukuoka .ph-small.ph01 .text-box {
      width: 30%;
      left: 45%;
      top: 30px;
    }
    #aff-contents .p-point__content.fukuoka .ph-small.ph02 .text-box {
      width: 27%;
      right: 45%;
      bottom: 30px;
    }
    #aff-contents .p-point__content.fukuoka .ph-small.ph02 .illust {
      position: absolute;
      width: 19%;
      left: 0;
      bottom: -25px;
    }
    #aff-contents .p-point__content.fukuoka .ph-small.ph03 .text-box {
      width: 34%;
      right: 0;
      bottom: 5%;
    }

    @media screen and (max-width: 768px) {
      #aff-contents .p-point__content.fukuoka .ph-small.ph02 {
        margin-top: 2em;
      }
      #aff-contents .p-point__content.fukuoka .ph-small.ph01 .ph-box,
      #aff-contents .p-point__content.fukuoka .ph-small.ph02 .ph-box {
        width: 100%;
      }
      #aff-contents .p-point__content.fukuoka .ph-small.ph02 .ph-box {
        margin-left: 0;
      }
      #aff-contents .p-point__content.fukuoka .ph-small.ph01 .text-box {
        width: 100%;
        left: auto;
        top: auto;
      }
      #aff-contents .p-point__content.fukuoka .ph-small.ph02 .text-box {
        width: 100%;
        right: auto;
        bottom: auto;
      }
      #aff-contents .p-point__content.fukuoka .ph-small.ph02 .text-box p.cap{
        margin-left: 10%;
      }
      #aff-contents .p-point__content.fukuoka .ph-small.ph02 .illust {
        position: absolute;
        width: 19%;
        left: -8%;
        bottom: 0;
      }
      #aff-contents .p-point__content.fukuoka .ph-small.ph03 .text-box {
        width: 100%;
        right: auto;
        bottom: auto;
      }

    }


    /* == topics == */
    #aff-contents .p-point__content .topics {
      padding: 35px 35px 0;
      background-color: #F2EACE;
    }
    #aff-contents .p-point__content .topics .pickup_ttl {
      margin: -8% auto 0;
      padding: 0;
      width: 17.0%;
      background: none;
      border: none;
    }
    #aff-contents .p-point__content .topics.pickup .pickup_ttl {
      width: 19.4%;
    }

    #aff-contents .p-point__content .topics .ttl {
      margin: 0.5em 0 1em;
      font-size: 2.25rem; /* 36pt */
      line-height: 1;
      color: #AA8246;
      font-weight: 700;
      text-align: center;
      position: relative;
    }
    #aff-contents .p-point__content .topics .ttl::before,
    #aff-contents .p-point__content .topics .ttl::after {
      position: absolute;
      top: 0;
      z-index: 1;
      content: '';
      width: 12px;
      height: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: middle;
    }
    #aff-contents .p-point__content .topics .ttl::before {
      left: 0;
      background-image: url(/j/pr/aff/2307/img/spe_1_03/topics_parts01.svg);
    }
    #aff-contents .p-point__content .topics .ttl::after {
      right: 0;
      background-image: url(/j/pr/aff/2307/img/spe_1_03/topics_parts02.svg);
    }
    #aff-contents .p-point__content .topics.pickup .ttl::before {
      left: 0;
      background-image: url(/j/pr/aff/2307/img/spe_1_03/topics_parts01a.svg);
    }
    #aff-contents .p-point__content .topics.pickup .ttl::after {
      right: 0;
      background-image: url(/j/pr/aff/2307/img/spe_1_03/topics_parts02a.svg);
    }

    #aff-contents .p-point__content .topics .inner {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-direction: row;
      flex-wrap: wrap;
    }
    #aff-contents .p-point__content .topics .inner .text-box {
      width: 59.7%;
    }
    #aff-contents .p-point__content .topics .inner .ph-box {
      margin-bottom: 35px;
      width: 34.3%;
      position: relative;
    }
    #aff-contents .p-point__content .topics .inner .ph-box .cap {
      width: 80%;
      position: absolute;
      left: -90%;
      bottom: 0;
      font-size: 1.125rem; /* 18pt */
      line-height: 1.3;
      color: #AA8246;
      font-weight: 700;
    }


    #aff-contents .p-point__content .topics .inner .tile {
      margin-bottom: 35px;
      width: 47%;
    }
    #aff-contents .p-point__content .topics .inner .tile picture {
      margin-bottom: 15px;
    }
    #aff-contents .p-point__content .topics .inner p {
      font-size: 1.125rem; /* 18pt */
      line-height: 1.61; /* 29pt */
    }
    #aff-contents .p-point__content .topics .inner p.cap {
      color: #AA8246;
      font-weight: 700;
    }
    #aff-contents .p-point__content .topics .inner .principal {
      margin: 0 auto;
      width: 70.5%;
      max-width: 220px;
    }
    #aff-contents .p-point__content .topics .inner .principal p.cap2 {
      font-size: 0.875rem; /* 14pt */
      line-height: 1.57; /* 22pt */
    }

    /* Pick up */
    #aff-contents .p-point__content .topics .inner p.link {
      margin-top: 1em;
      margin-bottom: 35px;
    }
    #aff-contents .p-point__content .topics .inner p.link a {
      color: #00B4ED;
      word-break: break-all;
      background: none;
    }

    @media screen and (max-width: 768px) {
    #aff-contents .p-point__content .topics {
      margin-bottom: 5em;
      padding: 20px 20px 0;
    }
    #aff-contents .p-point__content .topics h4 {
      margin: -12% auto 0;
      padding: 0;
      width: 32%;
    }
    #aff-contents .p-point__content .topics .ttl {
      margin: 0.5em 0 1em;
      font-size: 1.25rem; /* 20pt */
      line-height: 1.2;
    }

    #aff-contents .p-point__content .topics .inner {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-direction: column;
          flex-wrap: wrap;
    }
        #aff-contents .p-point__content .topics .inner .text-box {
          width: 100%;
        }
        #aff-contents .p-point__content .topics .inner .ph-box {
          margin: 2em auto;
          width: 70%;
          position: relative;
        }
        #aff-contents .p-point__content .topics .inner .ph-box .cap {
          width: 100%;
          position: relative;
          left: auto;
          bottom: auto;
        }

        #aff-contents .p-point__content .topics .inner .tile {
          margin-bottom: 2em;
          width: 100%;
        }

        /* Pick up */
        #aff-contents .p-point__content .topics .inner p.link {
          margin-bottom: 20px;
        }
      }