@media screen and (min-width: 1440px) {
}

/* NPC */
@media screen and (max-width: 1440px) {
  #articles_section article .img_2col figure {
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 1280px) {
  #articles_logo {
    font-size: 9vw;
    top: -9vw;
  }
  #articles_section aside .inner {
    padding: 20px 10px;
  }
  #articles_section aside .inner h2 {
    font-size: 220%;
  }
  #articles_section aside .inner h3 {
    font-size: 120%;
  }
  #articles_section aside .report_list li .text_box {
    width: calc(60% - 5px);
    padding: 5px;
  }
  #articles_section aside .report_list li .text_box h3 {
    font-size: 90%;
  }
  #articles_section article {
    width: calc(100% - 330px);
  }
  #articles_section aside {
    width: 300px;
  }
}
@media screen and (min-width: 1025px) {
  #head_menu {
    background: rgba(0, 0, 0, 0.7);
    width: 65px;
    padding: 10px;
    top: 10px;
    right: 10px;
  }
  #head_menu p span {
    font-size: 90%;
  }
  #head_menu .box span,
  #head_menu .box::before,
  #head_menu .box::after {
    background: #fff;
    width: 6px;
  }
  #head_menu p {
    color: #fff;
  }
}
/* タブレット */
@media screen and (max-width: 1024px) {
  #articles_logo {
    font-size: 12vw;
  }
  #articles_section article {
    margin-top: 130px;
    width: 100%;
  }
  #articles_section aside {
    display: none;
  }
  #articles_section article .main_pic {
    aspect-ratio: 16/9;
  }
  #articles_logo {
    top: -10vw;
    left: 5vw;
  }


}

/* タブレット 900 */
@media screen and (max-width: 900px) {
  #articles_section {
    flex-direction: column;
  }
  #articles_section aside {
    display: block;
    width: 100%;
    border: none;
    background: #eee;
  }
  #articles_section aside .outer {
    height: auto;
    position: sticky;
    padding-bottom: 80px;
  }
  #articles_section aside h2 {
    display: none;
  }
  #articles_section aside .inner {
    padding: 20px;
  }
  #articles_section aside .report_list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  #articles_section aside .report_list li {
    width: 49%;
    background: #fff;
    justify-content: flex-start;
  }
}

/* タブレット 800 */
@media screen and (max-width: 800px) {
  .sp_scs_wrap {
    flex-direction: column;
    align-items: center;
  }
  #articles_body section .wrap .sp_scs_wrap img {
    width: 100%;
    max-width: 340px;
  }
  .sp_scs_wrap .info_wrap {
    margin-top: 30px;
    width: 100%;
  }
}

/* SP */
@media screen and (max-width: 600px) {
  #articles_section article {
    padding: 30px 10px;
    margin-top: 80px;
  }
  #articles_head .info_box h1 {
    font-size: 150%;
  }
  #articles_head .info_box p {
    font-size: 100%;
  }
  #articles_body section {
    padding: 60px 0;
  }
  #articles_body section h2 {
    font-size: 130%;
    margin-bottom: 20px;
  }
  #articles_body section .wrap .text_box {
    margin-top: 20px;
    width: calc(100% - 20px);
  }
  #articles_body section .bt_box a,
  #articles_body section .bt_box button {
    font-size: 100%;
  }
  .amazon_link_bt svg {
    height: 24px;
  }

  #articles_section aside .report_list li {
    flex-direction: column;
  }
  #articles_section aside .report_list li .img_box,
  #articles_section aside .report_list li .text_box {
    width: 100%;
  }
  .report_list li .text_box .info {
    display: block;
  }
}