@charset "utf-8";
@media screen and (max-width: 1300px) {
  /* ----------------------------------------------- page_head(大分類部分) */
  .page_head {}
  .page_head::before {}
  .page_head::after {}
  /**/
  .page_head .title {}
  .page_head .title p {}
  .page_head .title p::before {}
  .page_head .title p span {}
  @media screen and (max-width: 920px) {
    .page_head {}
    .page_head::before {
      background-size: 150%;
    }
    .page_head .title {
      position: relative;
      z-index: 5;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.3);
    }
    .page_head .title p {
      width: 100%;
      padding: 50px 10px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
      text-align: center;
    }
    .page_head .title p::before {
      top: 10px;
      left: 0;
      right: 0;
      margin: auto;
    }
    .page_head .title p span {
      display: block;
      font-family: "NotoSerif_JP";
      font-weight: bold;
      color: #9b831e;
    }
    @media screen and (max-width: 720px) {
      .page_head::before {
        background-size: 200%;
      }
      .page_head .title p {
        padding: 40px 10px 30px 10px;
        font-size: 2.0rem;
      }
      .page_head .title p::before {
        top: 10px;
        font-size: 1.0rem;
      }
      .page_head .title p span {
        font-size: 1.5rem;
      }
    }
  }
  /* breadcrumbs(パンくず) */
  .page_head .breadcrumbs {}
  .page_head .breadcrumbs .corner_right {}
  .page_head .breadcrumbs .corner_right::before {}
  .page_head .breadcrumbs .corner_left {}
  .page_head .breadcrumbs .corner_left::before {}
  .page_head .breadcrumbs ul {}
  .page_head .breadcrumbs ul li {}
  .page_head .breadcrumbs ul li::before {}
  .page_head .breadcrumbs ul li:last-child::before {}
  .page_head .breadcrumbs ul li a,
  .page_head .breadcrumbs ul li span {}
  .page_head .breadcrumbs ul li a:link,
  .page_head .breadcrumbs ul li a:active,
  .page_head .breadcrumbs ul li a:visited {}
  @media screen and (max-width: 920px) {
    .page_head .breadcrumbs {
      display: none;
    }
  }
  /* ----------------------------------------------- main */
  main {}
  @media screen and (max-width: 920px) {
    main {
      position: relative;
      display: -webkit-block;
      display: block;
      width: 100%;
      margin-top: -15px;
      padding: 50px 0;
      border-radius: 15px 15px 0 0;
      text-align: center;
    }
  }
  /* ----------------------------------------------- content */
  main .content {}
  /* h1 */
  main .content h1 {}
  main .content h1:first-child {}
  main .content h1::before {}
  main .content h1::after {}
  /* h2 */
  main .content h2 {}
  main .content h2::before {}
  main .content h2::after {}
  main .content h1 + h2 { /*h1とh2が隣接している場合*/
  }
  /* h3 */
  main .content h3 {}
  main .content h3::before {}
  main .content h3::after {}
  /* h4 */
  main .content h4 {}
  /* h5 */
  main .content h5 {}
  main .content h5::before {}
  /* h6 */
  main .content h6 {}
  /* ul(list) */
  main .content ul.list {
    margin: 0;
    padding: 10px 0;
  }
  main .content ul.list li {}
  main .content ul.list li::before {}
  main .content ul.list li::after {}
  /* ul(navi) */
  main .content ul.navi {}
  main .content ul.navi li {}
  main .content ul.navi li a,
  main .content ul.navi li em {}
  main .content ul.navi li a::before,
  main .content ul.navi li em::before {}
  main .content ul.navi li a:hover::before {}
  main .content ul.navi li a::after,
  main .content ul.navi li em::after {}
  main .content ul.navi li a:hover::after {}
  main .content ul.navi li a:link,
  main .content ul.navi li a:active,
  main .content ul.navi li a:visited,
  main .content ul.navi li a:hover {}
  main .content ul.navi li a[href$=".pdf"]:after,
  main .content ul.navi li a[href$=".doc"]:after,
  main .content ul.navi li a[href$=".docx"]:after,
  main .content ul.navi li a[href$=".xls"]:after,
  main .content ul.navi li a[href$=".xlsx"]:after,
  main .content ul.navi li a[href$=".ppt"]:after,
  main .content ul.navi li a[href$=".pptx"]:after { /*1階層目のドキュメントアイコン削除*/}
  main .content ul.navi li p {}
  main .content ul.navi li p strong {}
  main .content ul.navi li ul {}
  main .content ul.navi li p + ul {/*pとulが隣接している場合*/}
  main .content ul.navi li ul li {}
  main .content ul.navi li ul li a {}
  main .content ul.navi li ul li a::after {}
  main .content ul.navi li ul li a::before,
  main .content ul.navi li ul li a:hover::before {}
  main .content ul.navi li ul li ul {}
  main .content ul.navi li .pdf {}
  main .content ul.navi li .pdf::after {}
  /* table */
  main .content table {}
  main .content table th, main .content table td {}
  main .content table th {}
  main .content table th.heading,
  main .content table td.heading {}
  /* p */
  main .content p {}
  /* link */
  main .content a:link,
  main .content a:active,
  main .content a:visited {}
  /* link button */
  main .content .link_btn a {}
  main .content .link_btn a:link,
  main .content .link_btn a:visited,
  main .content .link_btn a:active {}
  main .content .link_btn a:hover {}
  /* box */
  main .content .box {}
  /* contact box */
  main .content .contact_box {}
  main .content .contact_box strong {}
  main .content .contact_box p {}
  main .content .contact_box table {}
  main .content .contact_box table::after {}
  main .content .contact_box table th,
  main .content .contact_box table td {}
  /* image */
  main .content img {
    max-width: 100%;
    height: auto;
  }
  @media screen and (max-width: 920px) {
    main .content {
      width: 90%;
      margin: 40px auto;
      padding: 0;
      text-align: left;
    }
    main .content h1 {
      font-size: 2.9rem;
    }
    main .content h2 {
      font-size: 2.0rem;
    }
    main .content h3 {
      font-size: 2.0rem;
    }
    main .content h4 {
      font-size: 1.9rem;
    }
    main .content h5 {
      font-size: 1.7rem;
    }
    main .content h6 {
      font-size: 1.7rem;
    }
    /* table */
    main .content table th, main .content table td {
      padding: 7px 11px;
    }
    @media screen and (max-width: 720px) {
      main .content {
        padding-bottom: 20px;
      }
      /* ul(navi) */
      main .content ul.navi {
        display: -webkit-block;
        display: block;
      }
      main .content ul.navi li {
        width: 100%;
      }
      main .content ul.navi li a {
        padding: 20px 20px 20px 52px;
        font-size: 1.6rem;
      }
      /* table */
      main .content table th,
      main .content table td {
        padding: 5px 8px;
      }
      /* table scroll */
      main .content .tablescroll {
        position: relative;
        overflow-x: scroll;
        /*overflow: scroll;*/
        /*max-height: 800px;*/
      }
      main .content .tablescroll::before {
        position: absolute;
        content: '※この表は横にスクロールできます';
        top: 0;
        left: 0;
        color: #555;
        font-size: 1.5rem;
      }
      main .content .tablescroll table {
        margin-top: 30px;
        font-size: 90%;
        min-width: 720px;
      }
      main .content .tablescroll table th,
      main .content .tablescroll table td {
        width: max-content;
      }
      @media screen and (max-width: 450px) {
        main .content p,
        main .content img {
          float: none !important;
          }
        }
      }
    }
  }
  /* ----------------------------------------------- aside */
  main aside {}
  main aside .category {}
  main aside .category span {}
  /* submenu */
  main aside ul {}
  main aside ul li {}
  main aside ul li a {}
  main aside ul li a::before {}
  main aside ul li a:link,
  main aside ul li a:active,
  main aside ul li a:visited {}
  main aside ul li a:hover, main aside ul li.on a {}
  /*2階層目*/
  main aside ul li ul {}
  main aside ul li ul li {}
  main aside ul li ul li a {}
  main aside ul li ul li a::before {}
  @media screen and (max-width: 920px) {
    main aside {
      width: 90%;
      margin: 0 auto;
      text-align: left;
    }
  }
  /* ----------------------------------------------- お知らせ */
  main .post .data {
    text-align: right;
    font-size: 1.4rem;
  }
  main .post .data span {
    display: inline-block;
    margin-left: 10px;
    padding: 3px 10px;
    border-radius: 30px;
    background-color: #1c417c;
    color: #fff;
    font-size: 1.2rem;
  }
  /* ----------------------------------------------- 各ページ毎 */
  /* 学術総会・各種セミナー */
  main .content .manaable {}
  main .content .manaable dt {}
  main .content .manaable dt span {}
  main .content .manaable dd {}
  main .content .manaable dd .jsom {}
  main .content .manaable dd .jsom::before {}
  main .content .manaable dd .jsom:link,
  main .content .manaable dd .jsom:visited,
  main .content .manaable dd .jsom:active {}
  main .content .manaable dd {}
  main .content .manaable dd a:link,
  main .content .manaable dd a:visited,
  main .content .manaable dd a:active {}
  /* 各支部 */
  main .content table.branch {}
  main .content table.branch th {}
  main .content table.branch .detail {}
  main .content table.branch .detail a {}
  main .content table.branch .detail a:link,
  main .content table.branch .detail a:active,
  main .content table.branch .detail a:visited {}
  main .content table.branch .detail a:hover {}
  main .content table.branch .detail a::before {}
  main .content table .branch.detail a:hover::before {}
  main .content .tablescroll table.branch {
    width: 630px;
  }
  /* 漢方とは */
  main .content ul.kanpo_link {}
  main .content ul.kanpo_link li a {}
  main .content ul.kanpo_link li:nth-child(even) a {}
  main .content ul.kanpo_link li a::before {}
  main .content ul.kanpo_link li a:hover::before {}
  main .content ul.kanpo_link li a:link,
  main .content ul.kanpo_link li a:active,
  main .content ul.kanpo_link li a:visited {}
  main .content ul.kanpo_link li a dl {}
  main .content ul.kanpo_link li a dt {}
  main .content ul.kanpo_link li a dd {}
  /**/
  main .content .kikakusho {}
  /**/
  main .content .consultation {}
  main .content .consultation th,
  main .content .consultation td {}
  main .content .consultation th {
    white-space: nowrap
  }

  /* 学会誌一覧 */
  main .content .journal_box {}
  main .content .journal_box {}
  main .content .journal_box_thumbnail {}
  main .content .journal_box_detail {}
  main .content .journal_box_detail h3 {}
  @media screen and (max-width: 720px) {
    main .content .journal_box {
      padding: 30px;
    }
    main .content .journal_box_thumbnail {
      padding-right: 30px;
    }
    @media screen and (max-width: 500px) {
      main .content .journal_box {
        display: -webkit-block;
        display: block;
      }
      main .content .journal_box_thumbnail {
        padding: 0 0 30px 0;
        margin: 0 auto;
      }
    }
  }
  /*漢方Q&A*/
  main .content .faq {}
  main .content .faq dt {}
  main .content .faq dt::before {}
  main .content .faq dt::after {}
  main .content .faq dt.open::after {}
  main .content .faq dd {}
  main .content .faq dd::before {}
  /*お知らせ*/
  main .information_list a {}
  main .information_list a:link,
  main .information_list a:active,
  main .information_list a:visited,
  main .information_list a:hover {}
  main .information_list a::before {}
  main .information_list a:hover::before {}
  main .information_list a::after {}
  main .information_list dl {}
  main .information_list dl dt time {}
  main .information_list dl span {}
  main .information_list dl span.important {}
  main .information_list dd {}
  /*file icon*/
  main .information_list a[href$=".pdf"] dd:after,
  main .information_list a[href$=".doc"] dd:after,
  main .information_list a[href$=".docx"] dd:after,
  main .information_list a[href$=".xls"] dd:after,
  main .information_list a[href$=".xlsx"] dd:after {}
  main .information_list a[href$=".pdf"] dd:after {}
  main .information_list a[href$=".doc"] dd:after {}
  main .information_list a[href$=".docx"] dd:after {}
  main .information_list a[href$=".xls"] dd:after {}
  main .information_list a[href$=".xlsx"] dd:after {}
  main .information_pager {}
  main .information_pager li {}
  main .information_pager li a {}
  main .information_pager li a:link, main .information_pager li a:active, main .information_pager li a:visited {}
  main .information_pager li span {}
  /* 漢方とエビデンス > 漢方治療エビデンスレポート */
  main .content .ebm_menu h2 {}
  main .content .ebm_menu h2::before, main .content .ebm_menu h2::after {}
  main .content .ebm_menu ul {}
  main .content .ebm_menu ul li {}
  main .content .ebm_menu ul li a {}
  main .content .ebm_menu ul li a::before {}
  main .content .ebm_list {}
  main .content .ebm_list th,
  main .content .ebm_list td {}
  main .content .ebm_list th {}
  @media screen and (max-width: 1200px) {
    /* table scroll */
    main .content .ebm_tablescroll {
      position: relative;
      overflow-x: scroll;
      /*overflow: scroll;*/
      /*max-height: 800px;*/
    }
    main .content .ebm_tablescroll::before {
      position: absolute;
      content: '※この表は横にスクロールできます';
      top: 0;
      left: 0;
      color: #555;
      font-size: 1.5rem;
    }
    main .content .ebm_tablescroll .ebm_list {
      width: 900px;
      margin: 30px 0 20px 0;
    }
    @media screen and (max-width: 720px) {
      main .content .ebm_list td {
        font-size: 80%;
      }
    }
  }
  /* ページ内の検索窓 */
  main .content .page_serach {}
  main .content .page_serach form {}
  main .content .page_serach input[type="text"] {}
  main .content .page_serach ::placeholder {}
  main .content .page_serach input[type="submit"] {}
    
  /* 漢方とエビデンス > 漢方製剤の記載を含む診療ガイドライン */
  main .content .guidelines .tab_area label {
    font-size: 90%;
  }
  @media screen and (max-width: 720px) {
    main .content .guidelines .tab_area label {
      font-size: 80%;
    }
    main .content .guidelines .panel_area .tab_panel table td {
      font-size: 80%;
    }
    main .content .guidelines .panel_area .tab_panel table th:first-child,
    main .content .guidelines .panel_area .tab_panel table th:last-child,
    main .content .guidelines .panel_area .tab_panel table td:last-child {
      width: 80px;
    }
  }
  /* サイトマップ */
  main .content .sitemap {}
  main .content .sitemap div {}
  main .content .sitemap div h2 {}
  main .content .sitemap div h2 a {}
  main .content .sitemap div h2 a:link,
  main .content .sitemap div h2 a:visited,
  main .content .sitemap div h2 a:active {}
  main .content .sitemap div h2::before {}
  main .content .sitemap div h2::after {}
  main .content .sitemap div ul {}
  main .content .sitemap div ul li {}
  main .content .sitemap div ul li a {}
  main .content .sitemap div ul li a::before {}
  main .content .sitemap div ul li ul {}
  main .content .sitemap div ul li ul li a {}
  main .content .sitemap .pdf {}
  main .content .sitemap .pdf::after {}
  @media screen and (max-width: 920px) {
    main .content .sitemap div {
      width: 49%;
    }
    @media screen and (max-width: 600px) {
      main .content .sitemap div {
        width: 100%;
      }
    }
  }

}