/* from sdgs shared */

/* tablet / smartphone size
============================== */
@media screen and (max-width: 860px) {
    body {
      font-size: 12px;
      padding-top: 80px;
    }
    #tmp_header {
      position: fixed;
      top: 0;
      z-index: 1;
    }
    #tmp_nav {
      display: none;
      position: fixed;
      top: 65px;
      left: 0;
      right: 0;
      width: 100%;
      z-index: 1;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
    }
    #tmp_nav_menu {
      flex-direction: column;
    }
    #tmp_sp_menu_toggle {
      display: block;
      width: 73px;
      height: 73px;
      position: absolute;
      right: 0;
      background: url(https://static.hamamatsu.odpf.net/162l-mir-opendata-v1/sdgs/images/menu.svg) no-repeat center center / 24px 24px;
    }
    #tmp_sp_menu_toggle.close {
      background: none;
    }
    #tmp_sp_menu_toggle.close:before,
    #tmp_sp_menu_toggle.close:after {
      content: "";
      display: block;
      width: 2px;
      height: 16px;
      background: #222;
      border-radius: 3px;
      rotate: 45deg;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
    }
    #tmp_sp_menu_toggle.close:after {
      rotate: -45deg;
    }
  
    #tmp_member_search .tmp_search_goal,
    #tmp_member_search .tmp_search_form {
      width: auto;
      padding: 16px;
    }
    #tmp_member_search .tmp_search_goal h2,
    #tmp_member_search .tmp_search_form h2 {
      font-size: 14px !important;
      margin-bottom: 8px;
    }
    #tmp_member_search .tmp_search_toggle {
      font-size: 14px;
      top: 6px;
      right: 6px;
    }

    #tmp_maincontents h1,
    #tmp_maincontents h2,
    #tmp_maincontents h3 {
      font-size: 14px;
      padding: 8px 8px 16px;
    }
    #tmp_maincontents h4,
    #tmp_maincontents h5,
    #tmp_maincontents h6 {
      font-size: 14px;
      padding: 4px 16px;
    }
    #tmp_maincontents h6 {
      padding: 0;
    }
    #tmp_maincontents .tmp_section {
      padding: 16px;
    }

    #tmp_maincontents .tmp_section h1,
    #tmp_maincontents .tmp_section h2,
    #tmp_maincontents .tmp_section h3 {
      font-size: 14px;
      padding: 8px 8px 16px;
    }
    #tmp_maincontents .tmp_section h4,
    #tmp_maincontents .tmp_section h5,
    #tmp_maincontents .tmp_section h6 {
      font-size: 14px;
      padding: 4px 16px;
    }
    #tmp_maincontents .tmp_section h6 {
      padding: 0;
    }
    #tmp_maincontents .tmp_section {
      padding: 16px;
    }
    #tmp_maincontents .tmp_text_img_left,
    #tmp_maincontents .tmp_text_img_right {
      display: block;
    }
    #tmp_maincontents .tmp_text_img_left img,
    #tmp_maincontents .tmp_text_img_right img {
      margin: 8px 0;
    }
    #tmp_maincontents .tmp_col {
      display: block;
    }
    #tmp_maincontents th,
    #tmp_maincontents td {
      padding: 8px;
    }
    #tmp_maincontents .tmp_bikou_border,
    #tmp_maincontents .tmp_bikou_bg {
      padding: 16px;
    }
    #tmp_maincontents .tmp_summary {
      padding: 16px;
    }
    #tmp_maincontents .tmp_summary_title {
      font-size: 14px;
      margin-bottom: 8px;
    }
    #tmp_member_search .tmp_search_form .tmp_input_group_genre .tmp_input_form label {
      width: 100%;
    }
    .tmp_news_item,
    .tmp_member_search_item,
    .tmp_sdgs_example_item {
      flex-direction: column;
      gap: 8px;
    }
    .tmp_news_name,
    .tmp_member_search_name,
    .tmp_sdgs_example_name {
      font-size: 14px;
      line-height: 1.7;
    }
  
    #tmp_maincontents .tmp_tab {
      overflow-x: scroll;
    }
    #tmp_maincontents .tmp_tab::-webkit-scrollbar {
      display: none;
    }
    #tmp_maincontents .tmp_tab ul {
      margin-bottom: 16px;
      height: auto;
      white-space: nowrap;
    }
    #tmp_maincontents .tmp_tab li {
      border-radius: 32px;
      box-shadow: none;
      background: #fff;
      height: 36px;
      margin-right: 4px;
    }
    #tmp_maincontents .tmp_tab a {
      padding: 0 24px;
      white-space: nowrap;
      line-height: 36px;
    }
    #tmp_maincontents .tmp_tab_section .tmp_section {
      border-radius: 16px;
    }
      
    /* from hamamatsu official */

    /* ==================================================
    resize_width
    ================================================== */
    #tmp_resize_width {
      width: 320px;
      margin: 0;
      padding: 0;
    }
    /* ==================================================
    contents
    ================================================== */
    /* ==================================================
    class
    ================================================== */
    .float_lft,
    .float_rgt {
    float: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
    }
    /* ==================================================
    parts
    ================================================== */
    /* col2 ▼変更しない
    ============================== */

    #tmp_contents div.col2 div.col2L,
    #tmp_contents div.col3 div.col3L,
    #tmp_contents div.col3 div.col3M {
    width: 100%;
    margin-right: 0;
    float: none;
    }
    #tmp_contents div.col2 div.col2R,
    #tmp_contents div.col3 div.col3R {
    width: 100%;
    float: none;
    }
    #tmp_contents div.col2 div.col2L,
    #tmp_contents div.col2 div.col2R {
    clear: both;
    }
    #tmp_contents div.col2 div.col2 div.col2L,
    #tmp_contents div.col2 div.col2 div.col2R {
    width: 100%;
    clear: both;
    }
    #tmp_contents div.fixed_col2 div.fixed_col2L,
    #tmp_contents div.fixed_col2 div.fixed_col2R {
    width: 100%;
    clear: both;
    }
    #tmp_contents div.col3 div.col3L,
    #tmp_contents div.col3 div.col3M,
    #tmp_contents div.col3 div.col3R {
    width: 100%;
    clear: both;
    }
    #tmp_contents div.col3 ul,
    #tmp_contents div.col2 ul {
    margin-bottom: 0;
    }


    #tmp_contents h1,
    #tmp_contents h2,
    #tmp_contents h3 {
      font-size: 14px;
      padding: 8px 8px 16px;
    }
    #tmp_contents h4,
    #tmp_contents h5,
    #tmp_contents h6 {
      font-size: 14px;
      padding: 4px 16px;
    }
    #tmp_contents h6 {
      padding: 0;
    }
    #tmp_contents .tmp_section {
      padding: 16px;
    }

    #tmp_contents .tmp_section h1,
    #tmp_contents .tmp_section h2,
    #tmp_contents .tmp_section h3 {
      font-size: 14px;
      padding: 8px 8px 16px;
    }
    #tmp_contents .tmp_section h4,
    #tmp_contents .tmp_section h5,
    #tmp_contents .tmp_section h6 {
      font-size: 14px;
      padding: 4px 16px;
    }
    #tmp_contents .tmp_section h6 {
      padding: 0;
    }
    #tmp_contents .tmp_section {
      padding: 16px;
    }
    #tmp_contents .tmp_text_img_left,
    #tmp_contents .tmp_text_img_right {
      display: block;
    }
    #tmp_contents .tmp_text_img_left img,
    #tmp_contents .tmp_text_img_right img {
      margin: 8px 0;
    }
    #tmp_contents .tmp_col {
      display: block;
    }
    #tmp_contents th,
    #tmp_contents td {
      padding: 8px;
    }
    #tmp_contents .tmp_bikou_border,
    #tmp_contents .tmp_bikou_bg {
      padding: 16px;
    }
    #tmp_contents .tmp_summary {
      padding: 16px;
    }
    #tmp_contents .tmp_summary_title {
      font-size: 14px;
      margin-bottom: 8px;
    }
    #tmp_member_search .tmp_search_form .tmp_input_group_genre .tmp_input_form label {
      width: 100%;
    }
    .tmp_news_item,
    .tmp_member_search_item,
    .tmp_sdgs_example_item {
      flex-direction: column;
      gap: 8px;
    }
    .tmp_news_name,
    .tmp_member_search_name,
    .tmp_sdgs_example_name {
      font-size: 14px;
      line-height: 1.7;
    }
  
    #tmp_contents .tmp_tab {
      overflow-x: scroll;
    }
    #tmp_contents .tmp_tab::-webkit-scrollbar {
      display: none;
    }
    #tmp_contents .tmp_tab ul {
      margin-bottom: 16px;
      height: auto;
      white-space: nowrap;
    }
    #tmp_contents .tmp_tab li {
      border-radius: 32px;
      box-shadow: none;
      background: #fff;
      height: 36px;
      margin-right: 4px;
    }
    #tmp_contents .tmp_tab a {
      padding: 0 24px;
      white-space: nowrap;
      line-height: 36px;
    }
    #tmp_contents .tmp_tab_section .tmp_section {
      border-radius: 16px;
    }

  }