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

/* NPC */
@media screen and (max-width: 1440px) {
  .footer_list_title {
    width: 180px;
  }
  .footer_list_title h2 {
    font-size: 180%;
  }
  .footer_list_wrap ul {
    width: calc(100% - 220px);
  }
  .footer_list_wrap ul li {
    width: calc(20% - 14px);
  }
  #weather_today {
    font-size: 90%;
  }

  #weather_today li .img_box {
    width: 110px;
  }
  .weather_info_head .info {
    width: calc(100% - 120px);
  }
  .weather_info_head .temp div {
    height: 30px;
  }

  .weather_info_head .temp span {
    font-size: min(2.2vw, 30px);
  }

  #weather_week li .img_box {
    width: 70px;
  }
  #weather_week li .info .day {
    font-size: 80%;
  }
  #weather_week li .info {
    width: calc(100% - 75px);
  }
}
@media screen and (min-width: 1281px) {
  .report_list li {
    margin-bottom: 40px;
    width: 23%;
    margin-right: 2%;
  }
  .report_list li:nth-child(4n + 4) {
    margin-right: 0;
  }

  .report_video_list li {
    width: calc(25% - 15px);
    margin-top: 20px;
    margin-right: 20px;
  }
  .report_video_list li:nth-child(4n + 4) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1280px) {
  .common_section {
    padding: 140px 0;
  }

  .report_list li {
    margin-bottom: 40px;
    width: 32%;
    margin-right: 2%;
  }
  .report_list li:nth-child(3n + 3) {
    margin-right: 0;
  }

  .report_list li .text_box {
    font-size: 95%;
  }
  .title_area h2 {
    font-size: 350%;
  }
  .footer_list_wrap ul li {
    width: calc(25% - 14px);
  }
  .footer_list_wrap ul li:nth-child(4n) {
    display: none;
  }

  .footer_list_title {
    width: 160px;
  }
  .footer_list_title h2 {
    font-size: 170%;
  }
  .footer_list_wrap ul {
    width: calc(100% - 180px);
  }
  .footer_list_wrap ul li {
    width: calc(25% - 12px);
  }
  #footer_mt_area {
    top: -110px;
    height: 120px;
  }
  #footer_cloud4 {
    display: none;
  }
  .main_yama_ul li {
    width: calc(33% - 5px);
  }
  .main_yama_ul li .info {
    width: calc(60% - 5px);
    padding: 5px;
  }
  .main_yama_ul li:nth-child(n + 19) {
    display: none;
  }
  #weather_outer {
    flex-direction: column;
  }
  #weather_today,
  #weather_week {
    width: 100%;
  }
  #weather_today {
    max-width: 800px;
  }
  #weather_today {
    font-size: 100%;
  }

  #weather_today li .img_box {
    width: 120px;
  }
  .weather_info_head .info {
    width: calc(100% - 140px);
  }
  .weather_info_head .info strong {
    text-align: left;
  }
  .weather_info_head .temp span {
    font-size: 250%;
  }
  .weather_info_head .temp {
    justify-content: flex-start;
  }
  .weather_info_head .temp div {
    margin: 0 10px;
  }
  #weather_week {
    margin-top: 40px;
  }
  #weather_week ul li {
    width: 16%;
    margin-bottom: 0;
  }

  #weather_week li .img_box {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #weather_week li .info {
    width: calc(60% - 10px);
  }

  .report_video_list {
    justify-content: space-between;
  }
  .report_video_list li {
    width: 32%;
    margin-top: 20px;
  }
  .report_video_list li:nth-child(n + 7) {
    display: none;
  }
  .report_kokoku {
    padding: 60px 0;
  }
  @media screen and (min-width: 1025px) {
    #articles_section .amazon_banner span,
    #articles_section .amazon_banner strong {
      font-size: 3.4vw;
    }
  }
}

/* タブレット */
@media screen and (max-width: 1024px) {
  .common_section {
    padding: 100px 0;
  }
  #head_menu {
    width: 45px;
  }
  .sticky_slider .ss_inner_scr {
    right: 15px;
  }
  .sticky_slider .ss_inner_scr span {
    width: 16px;
    height: 16px;
    left: calc(50% - 8.5px);
  }
  .report_list li .text_box {
    font-size: 90%;
  }
  .title_area h2 {
    font-size: 300%;
  }
  .report_list li .list_bt a,
  .report_list li .list_bt button {
    width: calc(50% - 6px);
  }
  .insta_list ul li {
    width: calc(25% - 6px);
  }

  .report_video_list li {
    font-size: 90%;
  }
  .report_kokoku {
    padding: 50px 0;
  }

  .amazon_banner {
    aspect-ratio: 4/1;
  }
  .amazon_banner span,
  .amazon_banner strong {
    font-size: 4vw;
  }

  @media screen and (min-width: 800px) {
    .insta_list ul li:nth-child(n + 9) {
      display: none;
    }
  }
  #weather_today li .img_box {
    width: 100px;
  }
  .weather_info_head .info {
    width: calc(100% - 120px);
  }
  .weather_info_head .temp span {
    font-size: 220%;
  }
  #weather_week ul li {
    flex-direction: column;
  }
  #weather_week li .img_box,
  #weather_week li .info {
    width: 100%;
  }
  #weather_week li .img_box img {
    max-width: 80px;
    width: 80%;
  }
  #weather_week li .info {
    align-items: center;
  }
  #weather_week li .info .temp {
    line-height: 100%;
    font-size: 170%;
  }
  .articles_kokoku .pa_api_box .info_box strong {
    font-size: 14px;
  }
}
@media screen and (max-width: 900px) {
  .footer_list {
    display: none;
  }
}
/* タブレット 800 */
@media screen and (max-width: 800px) {
  .report_list li {
    width: calc(50% - 10px);
    margin-bottom: 40px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .report_list li .img_box,
  .report_list li .text_box {
    width: 100%;
  }
  .report_list li .text_box h3 small {
    font-size: 13px;
  }
  .title_area h2 {
    font-size: 280%;
  }
  .report_list {
    width: calc(100% - 40px);
  }
  #report_check_modal .modal_close_bt {
    right: 10px;
    top: 10px;
    left: auto;
  }
  #footer_mt_area {
    top: -90px;
    height: 100px;
  }
  #footer_cloud3 {
    display: none;
  }
  .insta_list {
    margin-top: 60px;
  }
  .insta_list ul li {
    width: calc(33% - 6px);
  }
  .insta_list ul li:nth-child(n + 10) {
    display: none;
  }
  #insta_list_section .title_area p {
    font-size: 90%;
  }
  .main_yama_ul li {
    /* width: calc(50% - 5px); */
    flex-direction: column;
  }
  .main_yama_ul li .img_box,
  .main_yama_ul li .info {
    width: 100%;
  }
  .main_yama_ul li .info {
    height: 90px;
    padding: 0px 10px;
  }
  .yama_list_section .yama_list_title h2 {
    font-size: 220%;
  }
  #weather_today {
    font-size: 90%;
  }
  #weather_today ul li {
    width: calc(50% - 15px);
  }
  #weather_week ul li {
    width: calc(33% - 10px);
    flex-direction: row;
    margin-bottom: 10px;
  }
  #weather_today li .img_box,
  #weather_week li .img_box {
    width: 40%;
  }
  .weather_info_head .temp span {
    font-size: 170%;
  }
  #weather_week li .img_box img {
    width: 100%;
  }
  #weather_today li .info,
  #weather_week li .info {
    width: calc(60% - 10px);
    align-items: flex-start;
  }

  .report_video_list li {
    width: calc(50% - 10px);
  }
  .report_video_list li:nth-child(n + 5) {
    display: none;
  }
  .report_kokoku {
    padding: 50px 0;
  }

  .amazon_banner span,
  .amazon_banner strong {
    font-size: 4.5vw;
  }
  .az_logo {
    padding: 4px 8px;
    width: 90px;
  }
}

/* SP */
@media screen and (max-width: 600px) {
  .title_area h2 {
    font-size: 10vw;
  }
  #head_menu,
  #head_logo {
    top: 15px;
  }
  #head_logo {
    left: 15px;
    width: 50px;
  }
  #head_menu {
    width: 40px;
    right: 15px;
  }
  #head_menu .box {
    aspect-ratio: 3/4;
  }
  #head_menu .box span,
  #head_menu .box::before,
  #head_menu .box::after {
    width: 6px;
  }
  #head_menu .box span {
    left: calc(50% - 3px);
  }
  .sticky_slider .ss_inner_scr span {
    width: 14px;
    height: 14px;
    left: calc(50% - 7.5px);
  }
  .report_list li {
    max-width: 300px;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .report_list li .img_box,
  .report_list li .text_box {
    width: 100%;
  }
  .report_list li .text_box {
    padding: 6px 0 0;
  }
  .report_list li .text_box h3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5px;
  }
  #articles_list_section .report_list li .text_box h3 {
    font-size: 100%;
  }
  .report_list li .text_box h3 small {
    margin: 0;
  }
  .report_list li .text_box .info {
    display: none;
  }
  .report_list li .list_bt {
    margin-top: 5px;
  }
  .report_list li .list_bt a,
  .report_list li .list_bt button {
    width: calc(50% - 3px);
  }
  .report_list li .list_bt a span,
  .report_list li .list_bt button span {
    display: none;
  }
  #report_check_modal .outer {
    padding: 50px 30px;
  }
  #page_title em {
    font-size: 18vw;
  }
  #page_title h1 {
    font-size: 5vw;
  }
  #footer_mt_area {
    top: -70px;
    height: 80px;
  }
  #page_navigation ul {
    padding: 0 20px;
  }
  #page_navigation ul li {
    padding: 8px 10px;
  }
  #page_navigation ul li svg {
    width: 24px;
  }
  .report_list li .tag_list li {
    font-size: 10px;
  }
  .report_show_box {
    flex-direction: column;
  }
  .report_show_box .img_box,
  .report_show_box .info_box {
    width: 100%;
  }
  .report_show_box .img_box {
    aspect-ratio: 16/9;
  }
  .report_show_box .info_box {
    margin-top: 6px;
  }
  .bt_area a,
  .bt_area button {
    padding: 20px 0;
    font-size: 110%;
  }
  .insta_list {
    width: 100%;
    margin-top: 40px;
  }
  #insta_list_section .title_area p {
    font-size: 80%;
  }
  .insta_list ul li {
    width: calc(33%);
    margin: 1px 0 0;
    aspect-ratio: 3/4;
  }
  .main_yama_ul li {
    width: calc(50% - 5px);
  }
  #weather_today {
    width: 100%;
    max-width: 350px;
  }
  #weather_today ul {
    flex-direction: column;
  }
  #weather_today ul li {
    width: 100%;
  }
  #weather_today ul li h4 {
    font-size: 150%;
  }
  #weather_today li .img_box {
    width: 110px;
  }
  #weather_today li .info {
    width: calc(100% - 130px);
  }
  .weather_info_head .temp span {
    font-size: 200%;
  }
  #weather_today li:last-child {
    margin-top: 40px;
  }
  #weather_week ul li {
    flex-direction: column;
  }
  #weather_week li .img_box,
  #weather_week li .info {
    width: 100%;
  }
  #weather_week li .info {
    align-items: center;
  }

  .report_video_list {
    justify-content: center;
  }
  .report_video_list li {
    width: 100%;
    max-width: 300px;
  }
  .report_kokoku {
    padding: 40px 0;
  }
  .report_kokoku .pa_api_area .title {
    font-size: 110%;
  }

  .amazon_banner {
    aspect-ratio: 3/1;
  }
  .amazon_banner span,
  .amazon_banner strong {
    font-size: 6vw;
  }
  .amazon_banner strong {
    -webkit-text-stroke: 5px #000;
  }
  .az_logo {
    width: 70px;
  }
}