@charset "utf-8";
/* CSS Document */
@import url("layout_sp.css");
@media screen and (max-width: 959px) {
  @media screen and (max-width: 427px) {}
  /* -----------------------------------------------  */
  main {}
  #container {}
  #container::before {
    top: -30px;
    width: 100%;
    height: 240px;
  }
  /* ----------------------------------------------- contents_title */
  #contents_title {
    padding: 40px 0;
  }
  @media screen and (max-width: 427px) {
    #contents_title {
      padding: 32px 0 28px;
    }
  }
  #contents_title p {
    font-size: 2.1rem;
  }
  #contents_title p::after {
    font-size: 1.2rem;
  }
  .about {}
  .about::after {}
  /* ----------------------------------------------- #container_inner */
  #container_inner {
    display: flex;
    flex-direction: column;
    padding: 0 0px 60px;
  }
  #main {
    margin: 0 auto 60px;
    padding: 50px 40px 0;
    width: 100%;
    border-radius: 0;
  }
  @media screen and (max-width: 427px) {
    #main {
      margin: 0 auto 50px;
      padding: 30px 20px 0;
    }
  }
  #main .inner {}
  /*見出し*/
  h1, h2, h3, h4, h5, h6 {}
  h1 {
    font-size: 2.2rem;
    padding: 0 0 20px;
  }
  h1::before {}
  h2 {
    font-size: 2.0rem;
  }
  h2::before {}
  h3 {
    font-size: 2.0rem;
  }
  h4 {
    font-size: 1.9rem;
  }
  h5 {
    font-size: 1.8rem;
  }
  h6 {
    font-size: 1.6rem;
  }
  #main .inner p {}
  /*ul*/
  #main .inner ul {}
  #main .inner ul li {}
  #main .inner ul li::before {}
  /*ol*/
  #main .inner ol {}
  #main .inner ol li {}
  /*table*/
  #main table {
    line-height: 1.4em;
  }
  #main table thead tr {}
  #main table thead th {}
  #main table thead td {}
  #main table tr {}
  #main table th,
  #main table td {}
  #main table th {
    min-width: 0;
  }
  #main table td {}
  .w25 {
    width: 25%;
  }
  .w50 {
    width: 50%;
  }
  @media screen and (max-width: 427px) {
    #main table th,  #main table td {
      padding: 8px;
      font-size: 75%;
    }
  }
  /*btn*/
  #main .btn {
    padding: 12px 50px 12px 24px;
    font-size: 1.5rem;
  }
  #main .btn:hover {}
  #main .btn::before {}
  #main .btn:hover::before {}
  /* ------------------------------------ index_nav_list */
  #main .index_nav_list {}
  #main .index_nav_list ul {}
  #main .index_nav_list ul li {
    margin: 8px;
    width: 100%;
  }
  #main .index_nav_list ul li::before {}
  #main .index_nav_list ul li a {
    padding: 20px 60px 20px 24px;
  }
  #main .index_nav_list ul li a:hover {}
  #main .index_nav_list ul li a::before {}
  #main .index_nav_list ul li a:hover::before {}
  #main .index_nav_list ul li a::after {}
  #main .index_nav_list ul li a:hover::after {}
  /**/
  #main .index_nav_list ul ul {}
  #main .index_nav_list ul ul li {}
  #main .index_nav_list ul ul li a {}
  #main .index_nav_list ul ul li a:hover {}
  #main .index_nav_list ul ul li a::before {}
  #main .index_nav_list ul ul li a::after {}
  #main .index_nav_list ul ul li a:hover::after {}
  /* ------------------------------------ information */
  #main .information {}
  #main .information a {}
  #main .information dl {}
  #main .information dt {
    font-size: 1.4rem;
  }
  #main .information dt span {
    padding: 4px 12px;
    font-size: 1.2rem;
  }
  #main .information dd {
    font-size: 1.5rem;
  }
  /* --------------------------- pager */
  #main .pager {}
  #main .pager span,
  #main .pager a {
    font-size: 1.3rem;
  }
  #main .pager span {}
  #main .pager a {}  
  /* --------------------------- 記事 */
  #information {}
  #information h1 {
    font-size: 2.2rem;
  }
  #information .day {}
  #information .day span {}
  #information .day span.member {}
  /* ------------------------------------ 専門医制度 */
  #specialist {}
  /* --------------------------- 専門医名簿 */
  #main .area_list {}
  /* ------------------------------------ 学術大会 */
  /* --------------------------- 開催記録 */
  #main table.archive {}
  #main table.archive th,
  #main table.archive td {
    padding: 8px;
    font-size: 75%;
    line-height: 1.4em;
  }
  #main table.archive th {}
  #main table.archive td {}
  #main table.archive td.time {}
  #main table.archive td a {
    padding: 0 14px 0 0;
  }
  /* ------------------------------------ ガイドライン */
  /* --------------------------- 一覧 */
  #guideline {}
  #main .guideline_list {}
  #main .guideline_list div {
    width: calc(100% / 2);
  }
  #main .guideline_list div:nth-child(n+3) {
    border-top: none;
  }
  #main .guideline_list div a {}
  @media screen and (max-width: 427px) {
    #main .guideline_list div a {
      padding: 30px 20px;
    }
  }
  #main .guideline_list div a:hover {}
  #main .guideline_list div figure {}
  #main .guideline_list div figure img {}
  #main .guideline_list div p {
    font-size: 1.3rem;
  }
  @media screen and (max-width: 427px) {
    #main .guideline_list div p {
      margin: 20px 0 0;
      font-size: 1.2rem;
    }
  }
  /* --------------------------- 記事 */
  #main .guideline_title_area {}
  #main .guideline_title_area figure {}
  #main .guideline_title_area figure img {}
  #main .guideline_title_area table {}
  @media screen and (max-width: 767px) {
    #main .guideline_title_area {
      flex-direction: column;
    }
    #main .guideline_title_area figure {
      margin: 0 auto;
    }
    #main .guideline_title_area table {
      margin: 30px 0;
      display: table;
    }
  }
  /* ------------------------------------ 吸入操作ビデオ */
  /* --------------------------- 一覧 */
  #main #video_list {}
  #main ul.video {}
  #main ul.video li {
    width: calc(100% / 2);
  }
  @media screen and (max-width: 427px) {
    #main ul.video {
      display: flex;
      flex-direction: column;
    }
    #main ul.video li {
      width: 100%;
    }
  }
  #main ul.video li::before {}
  #main ul.video li a {}
  #main ul.video li a::after {}
  #main ul.video li a img {}
  #main ul.video li a div.title {}
  #main ul.video li a div.title span {}
  #main ul.video li a div.title span.preparation {}
  #main ul.video li a div.title span.every {}
  /* --------------------------- 各ビデオページ */
  #main #video {}
  #main #video video {}
  #main #video ul.list {}
  @media screen and (max-width: 768px) {
    #main #video ul.list {
      display: flex;
      flex-direction: column;
    }
  }
  #main #video ul.list li {}
  #main #video ul.list li::before {}
  #main #video ul.list li .title {}
  #main #video ul.list li .title.preparation {}
  #main #video ul.list li .title.every {}
  /* ------------------------------------ サイトマップ */
  #sitemap {}
  #main .sitemap {}
  #main .sitemap .box {
    margin: 0;
     width: 100%;
  }
  #main .sitemap .box div {}
  #main .sitemap .box div a {
    padding: 16px 32px 16px 0;
    font-size: 1.5rem;
  }
  #main .sitemap .box div a::before {
    width: 20px;
    height: 20px;
  }
  #main .sitemap .box div a:hover::before {}
  #main .sitemap .box div a::after {
    right: 9px;
    width: 4px;
    height: 4px;
  }
  #main .sitemap .box div a:hover::after {}
  #main .sitemap .box div a.member {
    padding-left: 20px;
    background-size: 12px auto;
  }
  #main .sitemap ul {}
  #main .sitemap ul li {}
  #main .inner .sitemap ul li::before {
    top: 12px;
  }
  #main .sitemap ul li a {
    font-size: 1.5rem;
  }
  #main .sitemap ul li a:hover {}

  /* ----------------------------------------------- breadcrumb */
  #breadcrumb {
    font-size: 1.2rem;
  }
  #breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    padding: 6px 24px;
  }
  #breadcrumb ul li {
    margin-right: 20px;
  }
  #breadcrumb ul li::after {
    right: -14px;
    width: 6px;
    height: 1px;
  }
  #breadcrumb ul li:last-child::after {}
  #breadcrumb ul li a {}
  /* ----------------------------------------------- aside */
  aside {
    max-width: 100%;
    padding: 0;
  }
  #side_nav {}
  #side_nav .inner {
    margin: 0 auto;
    padding: 40px;
    width: calc(100% - 60px);
  }
  @media screen and (max-width: 427px) {
    #side_nav .inner {
      padding: 30px;
    }
  }
  #side_nav p {
    padding: 16px 16px 14px;
    font-size: 1.5rem;
  }
  #side_nav ul {}
  #side_nav ul li {}
  #side_nav ul li:hover {}
  #side_nav ul li::before {}
  #side_nav ul li:hover::before {}
  #side_nav ul li a {
    font-size: 1.4rem;
  }
  #side_nav ul li a::before {}
  #side_nav ul li a:hover::before {}
  #side_nav ul li a::after {}
  /**/
  #side_nav ul ul {}
  #side_nav ul ul li {}
  #side_nav ul ul li a {}
}