@charset "UTF-8";
/* Scss Document */
@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot");
  src: url("../font/fontello.eot?#iefix") format("embedded-opentype"), url("../font/fontello.woff") format("woff"), url("../font/fontello.ttf") format("truetype"), url("../font/fontello.svg#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
/* mixin START //////////////////////////////////////////////////////// */
/* mixin END //////////////////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, section, figure {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; }

p, ul, dl {
  line-height: 1.8em; }

img {
  border: none;
  vertical-align: bottom;
  height: auto; }

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "MS Sans Serif", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0em;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
  color: #555;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
   }
  @media screen and (max-width: 499px) {
    body {
      font-size: 16px; } }

a {
  color: #19448e;
  text-decoration: none;
  transition: .2s; }

a:hover {
  text-decoration: underline; }

.clear {
  clear: both; }

p.btn-more {
  margin: auto;
  text-align: center; }
  p.btn-more a {
    margin: auto;
    padding: 8px 32px;
    color: #fff;
    background-color: #0e1a34;
    border-color: rgba(255, 255, 255, 0.7);
    border-style: solid;
    border-width: 1px;
    width: 160px;
    font-size: 12px; }
  p.btn-more a:hover {
    text-decoration: none;
    background-color: rgba(14, 26, 52, 0.4); }

p.btn-section-pagetop {
  margin: 3em auto 0px auto;
  text-align: center; }
  p.btn-section-pagetop a {
    margin: auto;
    display: block;
    padding: 4px;
    border-color: #45aaea;
    border-style: solid;
    border-width: 1px;
    width: 140px;
    color: #45aaea; }
  p.btn-section-pagetop a:hover {
    background-color: #45aaea;
    color: #fff;
    text-decoration: none; }

/* HEADER ///////////////////////////////////////////////////////////////////// */
header .h-wrap {
  margin: 0px auto;
  padding: 0px; }
header .home-id, header .site-id {
  padding: 20px 0px; }
  header .home-id a, header .site-id a {
    display: block;
    padding: 8px; }
  header .home-id a:hover, header .site-id a:hover {
    text-decoration: none;
    color: rgba(25, 68, 142, 0.7); }
  header .home-id figure, header .home-id div, header .site-id figure, header .site-id div {
    display: inline-block;
    /* vertical-align:top; */
    vertical-align: middle; }
  header .home-id figure img, header .site-id figure img {
    width: 36px;
    height: auto; }
  header .home-id div, header .site-id div {
    text-align: left; }
  header .home-id h1, header .site-id h1 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /* font-size: 20px; */
    font-size: 24px;
    line-height: 100%;
    font-family: "source-han-serif-japanese",serif;
    font-weight: 700;
    font-style: normal; }
    header .home-id h1 span, header .site-id h1 span {
      padding: 0px 0px 0px 0.5em; }
  header .home-id p, header .site-id p {
    display: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 3px;
    line-height: 128%;
    font-size: 12px;
    font-family: "source-han-serif-japanese",serif;
    font-weight: 600;
    font-style: normal; }
  @media screen and (max-width: 1023px) {
    header .home-id, header .site-id {
      border-color: #45aaea;
      border-style: solid;
      border-width: 0px 0px 0px 0px; }
      header .home-id h1, header .site-id h1 {
        font-size: 20px; } }
  @media screen and (max-width: 799px) {
    header .home-id, header .site-id {
      padding: 0px 0px 0px 0px;
      height: 50px;
      text-align: left; }
      header .home-id figure img, header .site-id figure img {
        width: 30px;
        height: auto; }
      header .home-id h1, header .site-id h1 {
        padding: 0px 0px 0px 0px;
        /* font-size: 18px;*/ } }
  @media screen and (max-width: 699px) {
    header .home-id, header .site-id {
      padding: 0px; }
      header .home-id figure img, header .site-id figure img {
        width: 30px; }
      header .home-id h1, header .site-id h1 {
        /* font-size: 16px; */
        font-size: 18px; }
        header .home-id h1 span, header .site-id h1 span {
          font-size: 15px; }
      header .home-id p, header .site-id p {
        font-size: 11px; } }
  @media screen and (max-width: 599px) {
    header .home-id, header .site-id {
      padding: 0px; }
      header .home-id figure img, header .site-id figure img {
        width: 30px; }
      header .home-id h1, header .site-id h1 {
        font-size: 16px; }
        header .home-id h1 span, header .site-id h1 span {
          font-size: 14px; }
      header .home-id p, header .site-id p {
        font-size: 11px; } }
  @media screen and (max-width: 549px) {
    header .home-id figure, header .home-id div, header .site-id figure, header .site-id div {
      vertical-align: middle; }
    header .home-id figure, header .site-id figure {
      padding: 0px; }
      header .home-id figure img, header .site-id figure img {
        padding: 0px;
        width: 24px; }
    header .home-id h1, header .site-id h1 {
      padding: 0px 0px 0px 0px;
      font-size: 16px; }
      header .home-id h1 span:before, header .site-id h1 span:before {
        content: "\A";
        white-space: pre; }
      header .home-id h1 span, header .site-id h1 span {
        padding: 0px; }
    header .home-id p, header .site-id p {
      display: none; } }
  @media screen and (max-width: 499px) {
    header .home-id h1 span:before, header .site-id h1 span:before {
      content: "\A";
      white-space: pre; }
    header .home-id h1 span, header .site-id h1 span {
      padding: 0px; } }
  @media screen and (max-width: 359px) {
    header .home-id h1 span, header .site-id h1 span {
      font-size: 12px; } }
header .h-menu {
  padding: 0px 0px 0px 0px;
  background-color: #45aaea; }
  header .h-menu a:hover {
    color: rgba(255, 255, 255, 0.7); }
  @media screen and (max-width: 1199px) {
    header .h-menu {
      margin: auto;
      padding: 0px 0px 0px 0px; } }
  @media screen and (max-width: 1023px) {
    header .h-menu {
      padding: 0px 0px 0px 0px; } }
header .h-nav ul {
          font-size: 0;
          height: 50px; 
		  /* 以下追記 2024-05-15*/
          padding: 0;
          margin: 0;
          display: flex; /* フレックスボックスを使用 */
          justify-content: space-around; /* アイテム間のスペースを均等に分配 */}
header .h-nav li {
  margin: 0px 0px 0px 0px;
  			/* 2024/08/19下シークバーの原因になっていたので */
			/* 0px -1px 0px 0px;を改変　*/
  
  list-style: none;
  
				/*変更前
				display: inline-block;
				vertical-align: top;
				width: 18%;*/
				
  flex-grow: 1;  /*各アイテムが均等にスペースを取るように設定*/
  flex-basis: 0;  /*各アイテム内の文字数の長さを無視*/
  /* 変更終了 */
  text-align: center;
  font-family: "source-han-serif-japanese",serif;
  font-weight: 600;
  font-style: normal;
  box-sizing: border-box;

  line-height: 50px;
  letter-spacing: 0.1em;
  border-color: rgba(255, 255, 255, 0.2);
  border-style: solid;
  border-width: 0px 1px;
  font-size: 16px; }
  
  header .h-nav li a {
    padding: 0px 8px;
    display: block;
    color: #fff;
    box-sizing: border-box;
    width: 100%;
    text-decoration: none; /* アンダーラインを消す */}

  header .h-nav li a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2); }
@media screen and (max-width: 1199px) {
  header .h-nav {
    text-align: center; } }
@media screen and (max-width: 1023px) {
  header .h-nav {
    display: none;
    top: 0;
    position: absolute;
    z-index: 1; }
    header .h-nav ul {
      font-size: inherit;
      height: inherit;
      box-sizing: border-box;
      width: 100vw; }
    header .h-nav li {
      margin: 0px 0px;
      text-align: left;
      display: inherit;
      width: inherit;
      line-height: inherit;
      box-sizing: border-box;
      border-width: 0px 0px; }
      header .h-nav li a {
        display: block;
        margin: 0px 0px;
        padding: 12px 16px;
        /* background-color:$key-verylight;
        background-color:rgba(69,170,234,0.70); 
        /* color:#19448e; */
        background-color: rgba(25, 68, 142, 0.9);
        color: #fff;
        border-color: #fff;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        font-size: 14px;
        box-sizing: border-box;
        height: 51px; }
      header .h-nav li a:hover {
        color: #19448e;
        background-color: rgba(255, 255, 255, 0.9); } }

@media screen and (max-width: 1023px) {
  p#toggle {
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 100;
    margin: 0px 0px 0px 0px;
    width: 48px;
    color: #fff;
    /* background-color:#00a0e9; */
    background-color: #45aaea;
    cursor: pointer;
    text-align: center;
    border-color: #fff;
    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent; }

  p#toggle:before {
    font-family: 'fontello';
    content: 'm\A';
    white-space: pre;
    font-size: 24px;
    line-height: 30px; }

  p#toggle:after {
    font-family: inherit;
    font-size: 10px;
    content: "MENU";
    display: block;
    margin: -5px auto 0px auto; }

  p#toggle.active:before {
    font-family: 'fontello';
    content: "c\A";
    white-space: pre; }

  p#toggle.active:after {
    content: "CLOSE"; } }
@media screen and (max-width: 799px) {
  p#toggle {
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: 100;
    margin: 0px 0px 0px 0px;
    width: 40px;
    height: 50px;
    color: #fff;
    /* background-color:#00a0e9; */
    background-color: #45aaea;
    cursor: pointer;
    text-align: center;
    border-color: #fff;
    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent; }

  p#toggle:before {
    font-family: 'fontello';
    content: 'm';
    white-space: pre;
    font-size: 24px;
    line-height: 24px; }

  p#toggle:after {
    font-family: inherit;
    font-size: 10px;
    content: "MENU";
    display: block;
    margin: -5px auto 0px auto; }

  p#toggle.active:before {
    font-family: 'fontello';
    content: "c";
    white-space: pre; }

  p#toggle.active:after {
    content: "CLOSE"; } }
/* FOOTER ///////////////////////////////////////////////////////////////////// */
footer {
  margin: 0px auto 0px auto;
  border-color: #eee;
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  font-size: 14px; }
  footer .f-wrap {
    margin: auto;
    width: 1200px;
    padding: 0px 30px;
    box-sizing: border-box;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 1220px) {
      footer .f-wrap {
        width: inherit; } }
    @media screen and (max-width: 1100px) {
      footer .f-wrap {
        padding: 0px 0px; } }
  footer .f-nav {
    float: right;
    margin: 0px auto 0px auto;
    padding: 40px 0px; }
    footer .f-nav div {
      display: inline-block;
      vertical-align: top;
      padding: 0px 20px;
      text-align: left;
      box-sizing: border-box; }
    footer .f-nav li {
      list-style: none; }
    @media screen and (max-width: 1220px) {
      footer .f-nav {
        padding: 40px 10px; } }
    @media screen and (max-width: 1100px) {
      footer .f-nav {
        margin: 0px auto 0px 0px;
        float: inherit;
        color: #fff;
        background-color: #45aaea; }
        footer .f-nav div {
          padding: 0px 40px; }
        footer .f-nav li a {
          color: #fff; } }
    @media screen and (max-width: 799px) {
      footer .f-nav {
        padding: 0px 0px; }
        footer .f-nav div {
          display: inherit;
          text-align: left;
          width: inherit;
          padding: 0px 0px; }
        footer .f-nav li a {
          display: block;
          padding: 8px;
          background-color: #45aaea;
          border-color: #ccc;
          border-style: solid;
          border-width: 0px 0px 1px 0px; }
        footer .f-nav li a:hover {
          color: #45aaea;
          background-color: #fff;
          text-decoration: none;
          background-color: #fff; }
        footer .f-nav li ul {
          display: none; } }
  footer .f-address {
    float: left;
    padding: 40px 0px;
    text-align: left; }
    footer .f-address .hpname {
      padding: 0px 0px 1em 0px; }
      footer .f-address .hpname h2 {
        padding: 0px 0px 0.5em 0px;
        font-family: "source-han-serif-japanese",serif;
        font-weight: 700;
        font-style: normal;
        font-size: 14px; }
      footer .f-address .hpname h3 {
        padding: 0px 0px 1em 0px;
        line-height: 132%;
        font-family: "source-han-serif-japanese",serif;
        font-weight: 400;
        font-style: normal;
        font-size: 14px; }
    footer .f-address p {
      font-size: 12px; }
    footer .f-address dl {
      border-color: #ccc;
      border-style: solid;
      border-width: 0px 0px 0px 0px;
      font-size: 12px; }
    footer .f-address dt, footer .f-address dd {
      display: inline-block;
      vertical-align: top; }
    footer .f-address dd br {
      display: none; }
    footer .f-address dd span {
      background-color: #eee;
      font-size: 12px;
      line-height: 14px;
      padding: 2px; }
    footer .f-address ul.contact {
      padding: 12px 0px 12px 0px; }
      footer .f-address ul.contact li {
        list-style: none;
        display: inline-block;
        vertical-align: top; }
        footer .f-address ul.contact li a {
          display: block;
          padding: 4px 20px 4px 16px;
          border-color: coral;
          border-style: solid;
          border-width: 1px;
          background-color: coral;
          color: #fff;
          box-sizing: border-box; }
        footer .f-address ul.contact li a:hover {
          text-decoration: none;
          color: coral;
          background-color: #fff; }
    footer .f-address ul.univ li {
      list-style: none;
      font-size: 12px; }
    @media screen and (max-width: 1220px) {
      footer .f-address {
        padding: 40px 10px; } }
    @media screen and (max-width: 1100px) {
      footer .f-address {
        float: inherit;
        padding: 40px 0px;
        text-align: center; } }
    @media screen and (max-width: 799px) {
      footer .f-address {
        padding: 40px 0px; }
        footer .f-address .hpname h2 span:before {
          content: "\A";
          white-space: pre; } }
    @media screen and (max-width: 499px) {
      footer .f-address {
        padding: 20px 20px;
        text-align: left; }
        footer .f-address dd br {
          display: inherit; } }
    @media screen and (max-width: 399px) {
      footer .f-address {
        padding: 20px 10px; } }
  footer p.copy {
    font-family: "source-han-serif-japanese",serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    padding: 1em 0px;
    color: white;
    background-color: #45aaea; }

.f-btn {
  position: fixed;
  bottom: 4px;
  right: 4px;
  width: 40px;
  z-index: 10000; }
  .f-btn .pagetop-btn {
    font-size: 12px;
    line-height: 40px;
    background: #45aaea;
    text-decoration: none;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    display: block;
    border-radius: 4%;
    border-color: #fff;
    border-style: solid;
    border-width: 1px; }
  .f-btn .pagetop-btn:hover {
    background-color: #005cc0; }

/* HOME ///////////////////////////////////////////////////////////////////// */
.home-mainimg {
  margin: 0px; }
  .home-mainimg img {
    width: 100%;
    height: auto; }

.home-entrance {
  margin: 40px auto 40px auto;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  border-color: #ccc;
  border-style: solid;
  border-width: 0px;
  box-sizing: border-box; }
  .home-entrance li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px;
    box-sizing: border-box;
    width: calc(100% / 3);
    text-align: left; }
  .home-entrance a {
    color: #555;
    padding: 30px;
    display: block;
    box-sizing: border-box; }
  .home-entrance a:hover {
    text-decoration: none;
    color: #45aaea; }
  .home-entrance figure {
    width: 100%;
    line-height: 100%; }
    .home-entrance figure img {
      width: 100%;
      height: auto; }
  .home-entrance div h2 {
    padding: 4px;
    font-size: 16px;
    letter-spacing: 0.1em;
    font-family: "source-han-serif-japanese",serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    background-color: #45aaea; }
  .home-entrance div p {
    padding: 8px;
    font-size: 14px;
    line-height: 140%; }
  .home-entrance div.patients h2 {
    background-color: #5dc862; }
  .home-entrance div.students h2 {
    background-color: #33599f; }
  @media screen and (max-width: 1220px) {
    .home-entrance {
      margin: 40px 0px 40px 0px;
      width: inherit; } }
  @media screen and (max-width: 1100px) {
    .home-entrance a {
      padding: 20px; } }
  @media screen and (max-width: 1023px) {
    .home-entrance {
      margin: 0px 0px 40px 0px; }
      .home-entrance a {
        /* padding: 12px; */
        padding: 8px; }
      .home-entrance div {
        padding: 0px 0px; } }
  @media screen and (max-width: 799px) {
    .home-entrance {
      margin: 0px 0px 0px 0px; }
      .home-entrance li {
        margin: 0px 0px -1px 0px;
        width: 100%;
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 0px; }
      .home-entrance a {
        color: #fff;
        padding: 0px; }
      .home-entrance a:hover {
        color: rgba(255, 255, 255, 0.5); }
      .home-entrance figure, .home-entrance div {
        display: table-cell;
        vertical-align: top; }
      .home-entrance figure {
        width: 35%; }
      .home-entrance div {
        padding: 10px;
        text-align: left;
        background-color: #45aaea; }
      .home-entrance div.patients {
        background-color: #5dc862; }
      .home-entrance div.students {
        background-color: #33599f; } }
  @media screen and (max-width: 499px) {
    .home-entrance figure {
      width: 45%; } }
  @media screen and (max-width: 399px) {
    .home-entrance li {
      margin: 0px 0px 0px 0px;
      border-width: 0px; }
    .home-entrance figure, .home-entrance div {
      display: inherit; }
    .home-entrance figure {
      width: 100%; }
    .home-entrance div {
      padding: 0px; }
      .home-entrance div p {
        padding: 0px 0px 8px 8px; } }

.home-update-wrap {
  padding: 0px 0px 0px 0px;
  /* 2024-08-17   background-image: url(../images/home-news.jpg?191019d);　から改変　*/
  background: linear-gradient(to top, transparent 0%, transparent 40%, #fff 100%), url(../images/home-news.jpg);
  background-size:1500px 1000px;  /* ここまで */
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 799px) {
    .home-update-wrap {
      display: none; } }

.home-update {
  margin: auto;
  padding: 0px 0px;
  /* padding: 40px 30px; から変更 */
  width: 1200px;
  box-sizing: border-box;
  font-size: 14px; }
  .home-update .news-wrap {
    float: left;
    width: 700px;
    box-sizing: border-box; }
  .home-update .news {
    padding: 0px 0px 450px 0px;
    background-color: rgba(255, 255, 255, 0);
    text-align: left; }
    .home-update .news h4 {
      font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
      font-weight: normal;
      font-size: 20px;
      padding: 0px 0px 8px 0px; }
    .home-update .news dl {
      margin: 0px 0px 1em 0px;
      padding: 1em;
      border-color: #fff;
      border-style: solid;
      border-width: 0px 0px 0px 0px;
      background-color: rgba(255, 255, 255, 0.4); }
    .home-update .news dt {
      padding: 0px 0px 0.5em 0px;
      font-family: "source-han-serif-japanese",serif;
      font-weight: 400;
      font-style: normal; }
      .home-update .news dt span {
        background-color: coral;
        color: #fff;
        font-size: 10px;
        padding: 0px 2px; }
    .home-update .news dd p {
      padding: 0px 0px 1em 0px; }
  .home-update .facebook {
    float: right;
    padding: 0px 0px 450px 0px;
    width: 400px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0); }
  .home-update iframe.fb300 {
    display: none; }
  @media screen and (max-width: 1220px) {
    .home-update {
      width: inherit; } }
  @media screen and (max-width: 1199px) {
    .home-update .news-wrap {
      width: 55%; } }
  @media screen and (max-width: 1023px) {
    .home-update {
      padding: 40px 20px; }
      .home-update .news-wrap {
        width: 50%; } }
  @media screen and (max-width: 899px) {
    .home-update .news-wrap {
      width: 46%; } }
  @media screen and (max-width: 799px) {
    .home-update {
      padding: 0px 0px 0px 0px; }
      .home-update .news-wrap {
        float: inherit;
        width: inherit;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 40px 10px;
        background-image: url(../images/home-news.jpg);
        background-position: center;
        background-size: cover; }
      .home-update .news {
        padding: 20px 0px 250px 0px; }
      .home-update .facebook {
        padding: 20px 0px 20px 0px;
        float: inherit;
        width: inherit; } }
  @media screen and (max-width: 499px) {
    .home-update .news {
      margin: 0px 0px 20px 0px;
      padding: 10px 0px 240px 0px; }
    .home-update .facebook {
      margin: auto;
      padding: 10px 0px;
      width: 300px; }
    .home-update iframe.fb400 {
      display: none; }
    .home-update iframe.fb300 {
      display: inherit; } }

/* MAIN ///////////////////////////////////////////////////////////////////// */
.pagetitle {
  height: 300px;
  background-image: url(../images/pagetitle.jpg);
  background-size:1500px 400px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
  .pagetitle h2 {
    margin: auto;
    padding: 220px 0px 0px 60px;
    text-align: left;
    width: 1200px;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0.1em;
    font-family: "source-han-serif-japanese",serif;
    font-weight: 700;
    font-style: normal; }
    .pagetitle h2 span {
      padding: 4px 16px;
      background-color: #45aaea;
      color: #fff;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0); }
    .pagetitle h2 span.patient {
      background-color: #5dc862; }
      /*以下追記*/
  @media screen and (max-width: 1440px) {
    .pagetitle {
      height: 300px; }
    .pagetitle h2 {
      padding: 240px 0px 0px 40px;
      font-size-24px; } }
  @media screen and (max-width: 1220px) {
    .pagetitle {
      height: 280px; }
    .pagetitle h2 {
      padding: 220px 0px 0px 40px;
      font-size: 22px; 
	  width: inherit; }
	  }
      /* 上記追記変更 */
  @media screen and (max-width: 799px) {
    .pagetitle {
      height: 240px; }
      .pagetitle h2 {
        padding: 180px 0px 0px 20px;
        font-size: 18px; } }
  @media screen and (max-width: 499px) {
    .pagetitle {
      height: 160px; }
      .pagetitle h2 {
        padding: 110px 0px 0px 20px;
        font-size: 16px; } }

.wrap {
  margin: 0px auto 80px auto;
  width: 1200px;
  border-color: #ccc;
  border-style: solid;
  border-width: 0px;
  box-sizing: border-box;
  min-height: 400px; }
  @media screen and (max-width: 1220px) {
    .wrap {
      margin: 0px 0px 60px 0px;
      width: inherit; } }
  @media screen and (max-width: 1023px) {
    .wrap {
      margin: 0px 0px 0px 0px; } }

article {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 30px 0px 0px;
  box-sizing: border-box;
  width: 70%;
  text-align: left;
  letter-spacing: 0.05em; }
  article section {
    margin: 0px 0px 4em 0px; }
  article h2 {
    clear: both;
    margin: 0px 0px 1em 0px;
    padding: 8px;
    background-color: #ecf8ff;
    border-color: #45aaea;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    font-size: 20px;
    font-family: "source-han-serif-japanese",serif;
    font-weight: 600;
    font-style: normal; }
  article h3 {
    clear: both;
    margin: 1em 0px 1em 0px;
    padding: 4px;
    background-color: #45aaea;
    color: #fff;
    font-size: 16px; }
    article h3 span {
      font-size: 14px;
      font-weight: normal; }
  article p {
    margin: 0px 0px 2em 0px; }
  article img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box; }
  article figure {
    margin: 0px 0px 24px 0px;
    max-width: 100%;
    box-sizing: border-box; }
    article figure img {
      max-width: 100%;
      height: auto;
      box-sizing: border-box; }
  article figure.fl-right {
    float: right;
    padding: 0px 0px 10px 10px;
    max-width: 50%;
    box-sizing: border-box; }
  article dl.dl-tablecell-year {
    margin: 0px 0px -1px 0px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px;
    font-size: 14px; }
    article dl.dl-tablecell-year dt, article dl.dl-tablecell-year dd {
      display: table-cell;
      vertical-align: top;
      padding: 8px; }
    article dl.dl-tablecell-year dt {
      width: 5em;
      background-color: #eee; }
    article dl.dl-tablecell-year ul {
      padding: 0px 0px 0px 2em; }
  article dl.dl-tablecell-year2 {
    margin: 0px 0px 1em 0px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px;
    font-size: 14px; }
    article dl.dl-tablecell-year2 dt, article dl.dl-tablecell-year2 dd {
      display: table-cell;
      vertical-align: top;
      padding: 8px; }
    article dl.dl-tablecell-year2 dt {
      width: 5em;
      background-color: #eee; }
    article dl.dl-tablecell-year2 ul {
      padding: 0px 0px 0px 2em; }
  article dl.dl-tablecell-a {
    margin: 0px 0px -1px 0px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px;
    font-size: 14px; }
    article dl.dl-tablecell-a dt, article dl.dl-tablecell-a dd {
      display: table-cell;
      vertical-align: top;
      padding: 8px; }
    article dl.dl-tablecell-a dt {
      width: 10em;
      background-color: #eee; }
    article dl.dl-tablecell-a ul {
      padding: 0px 0px 0px 2em; }
  article dl.dl-tablecell-a2 {
    margin: 0px 0px 2em 0px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px;
    font-size: 14px; }
    article dl.dl-tablecell-a2 dt, article dl.dl-tablecell-a2 dd {
      display: table-cell;
      vertical-align: top;
      padding: 8px; }
    article dl.dl-tablecell-a2 dt {
      width: 10em;
      background-color: #eee; }
    article dl.dl-tablecell-a2 ul {
      padding: 0px 0px 0px 2em; }
  article dl.dl-tablecell-b {
    margin: 0px 0px -1px 0px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px;
    font-size: 14px; }
    article dl.dl-tablecell-b dt, article dl.dl-tablecell-b dd {
      /* display: table-cell;
      vertical-align: top; */
      padding: 8px; }
    article dl.dl-tablecell-b dt {
      /* width: 18em; */
      background-color: #eee; }
    article dl.dl-tablecell-b ul {
      padding: 0px 0px 0px 2em; }
  article ul, article ol {
    margin: 0px;
    padding: 0px 0px 2em 2em; }
  article ul.li-sentence, article ol.li-sentence {
    margin: 0px;
    padding: 0px 0px 2em 2em; }
    article ul.li-sentence li, article ol.li-sentence li {
      margin: 0px 0px 1em 0px; }
      article ul.li-sentence li ul, article ol.li-sentence li ul {
        padding: 0px 0px 0px 2em; }
      article ul.li-sentence li li, article ol.li-sentence li li {
        margin: 0px; }
  article ul.btn {
    margin: 0px;
    padding: 2em 0px; }
    article ul.btn li {
      list-style: none;
      display: inline-block;
      vertical-align: top; }
    article ul.btn a {
      margin: 0px 4px 4px 0px;
      display: block;
      padding: 4px 12px 4px 4px;
      background-color: coral;
      border-color: coral;
      border-style: solid;
      border-width: 1px;
      color: #fff; }
    article ul.btn a:hover {
      background-color: #fff;
      color: coral;
      text-decoration: none; }
  article ul.list-line {
    margin: 0px;
    padding: 0px 0em 2em 0em; }
    article ul.list-line li {
      list-style: none;
      display: inline-block;
      vertical-align: top;
      width: 45%;
      box-sizing: border-box; }
    article ul.list-line li:before {
      content: "・"; }
  @media screen and (max-width: 1023px) {
    article {
      float: inherit;
      width: inherit;
      margin: 0px 0px 0px 0px;
      padding: 0px 40px 0px 40px; } }
  @media screen and (max-width: 799px) {
    article dl.dl-tablecell-b {
      margin: 0px 0px -1px 0px;
      border-color: #ccc;
      border-style: solid;
      border-width: 1px 0px; }
      article dl.dl-tablecell-b dt, article dl.dl-tablecell-b dd {
        display: inherit;
        vertical-align: top;
        padding: 8px; }
      article dl.dl-tablecell-b dt {
        width: inherit;
        background-color: #eee; }
    article ul.list-line li {
      width: 100%; } }
  @media screen and (max-width: 499px) {
    article {
      padding: 0px 20px 0px 20px; }
      article figure.fl-right {
        margin: auto;
        padding: 0px 0px 24px 0px;
        text-align: center;
        float: inherit;
        max-width: inherit; }
      article dl.dl-tablecell-a {
        margin: 0px 0px -1px 0px;
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 0px; }
        article dl.dl-tablecell-a dt, article dl.dl-tablecell-a dd {
          display: inherit;
          vertical-align: top;
          padding: 8px; }
        article dl.dl-tablecell-a dt {
          width: inherit;
          background-color: #eee; }
      article dl.dl-tablecell-a2 {
        margin: 0px 0px 2em 0px;
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 0px; }
        article dl.dl-tablecell-a2 dt, article dl.dl-tablecell-a2 dd {
          display: inherit;
          vertical-align: top;
          padding: 8px; }
        article dl.dl-tablecell-a2 dt {
          width: inherit;
          background-color: #eee; }
      article ul.btn li {
        width: 100%;
        box-sizing: border-box; } }

ul.topicpath {
  margin: 0px;
  padding: 24px 0px 24px 0px; }
  ul.topicpath li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font-size: 14px; }
  ul.topicpath li:after {
    padding: 0px 4px 0px 8px;
    content: ">";
    color: #999; }
  ul.topicpath li:last-child:after {
    content: ""; }

.side {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 24px 0px 0px 30px;
  box-sizing: border-box;
  width: 25%;
  text-align: left; }
  .side a {
    margin: 0px 0px -1px 0px;
    display: block;
    padding: 16px 12px 16px 6px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    background-color: #45aaea; }
  .side a:hover {
    color: #45aaea;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2); }
  .side h4 {
    font-size: 14px;
    line-height: 100%;
    font-family: "source-han-serif-japanese",serif;
    font-weight: 700;
    font-style: normal; }
  .side li {
    list-style: none;
    font-size: 14px;
    line-height: 100%; }
  @media screen and (max-width: 1023px) {
    .side {
      float: inherit;
      padding: 10px 0px 10px 0px;
      width: inherit;
      text-align: center;
      background-color: #45aaea;
      /* h4,ul {
      	display:inline-block;	
      } */ }
      .side a {
        margin: 1px;
        padding: 8px 12px 8px 6px;
        display: inherit;
        border-width: 0px;
        color: #fff; }
      .side a:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.2); }
      .side li {
        display: inline-block; } }

.side-patient {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 24px 0px 0px 30px;
  box-sizing: border-box;
  width: 25%;
  text-align: left; }
  .side-patient a {
    margin: 0px 0px -1px 0px;
    display: block;
    padding: 16px 12px 16px 6px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    background-color: #5dc862; }
  .side-patient a:hover {
    color: #5dc862;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2); }
  .side-patient h4 {
    font-size: 14px;
    line-height: 100%; }
  .side-patient li {
    list-style: none;
    font-size: 14px;
    line-height: 100%; }
  @media screen and (max-width: 1023px) {
    .side-patient {
      float: inherit;
      padding: 10px 0px 10px 0px;
      width: inherit;
      text-align: center;
      background-color: #5dc862;
      /* h4,ul {
      	display:inline-block;	
      } */ }
      .side-patient a {
        margin: 1px;
        padding: 8px 12px 8px 6px;
        display: inherit;
        border-width: 0px;
        color: #fff; }
      .side-patient a:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.2); }
      .side-patient li {
        display: inline-block; } }

/*Contents INDEX */
.cont-index ul {
  margin: auto;
  padding: 0px; }
.cont-index li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 49%;
  box-sizing: border-box; }
.cont-index a {
  margin: 0px auto 12px auto;
  padding: 4px;
  display: block;
  width: 100%;
  box-sizing: border-box; }
.cont-index figure {
  margin: 0px;
  padding: 0px;
  width: 100%;
  box-sizing: border-box; }
  .cont-index figure img {
    width: 100%;
    height: auto;
    box-sizing: border-box; }
@media screen and (max-width: 399px) {
  .cont-index li {
    width: 100%; } }

/*教授挨拶 */
.prof-degree {
  font-family: "source-han-serif-japanese",serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px; }

.prof-name {
  font-family: "source-han-serif-japanese",serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px; }

/* STAFF */
.staff {
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 20px 0px;
  font-size: 14px;
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 0px 1px 0px; }
  .staff .staff-door {
    padding: 0px 0px 20px 0px;
    background-image: url(../images/arrow-large.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 50px; }
  .staff figure, .staff .profintro {
    display: table-cell;
    vertical-align: top; }
  .staff figure {
    margin: 0px 0px 10px 0px;
    width: 140px; }
    .staff figure img {
      width: 100%;
      height: auto;
      box-sizing: border-box; }
  .staff .profintro {
    padding: 0px 0px 10px 10px; }
  .staff h4 {
    margin: 0em 0px 1em 0px;
    font-size: 18px;
    font-family: "source-han-serif-japanese",serif;
    font-weight: 700;
    font-style: normal; }
    .staff h4 span {
      font-size: 14px;
      display: block; }
  .staff h5 {
    margin: 2em 0px 1em 0px;
    padding: 4px;
    font-size: 14px;
    border-color: #45aaea;
    border-style: solid;
    border-width: 1px 0px;
    background-color: #ecf8ff; }
  .staff p {
    margin: 0px 0px 1em 0px; }
  .staff .staff-detail {
    display: none;
    padding: 0px 0px 20px 0px; }
  .staff .degree2 {
    display: none; }
  @media screen and (max-width: 499px) {
    .staff {
      margin: 0px 0px 10px 0px;
      padding: 0px 0px 10px 0px; }
      .staff .staff-door {
        padding: 0px 0px 0px 0px;
        background-size: 30px;
        background-position: right; }
      .staff figure {
        width: 90px; }
      .staff .degree1 {
        display: none; }
      .staff .degree2 {
        display: inherit;
        padding: 20px 0px 0px 0px; } }

/* 研究*/
.study-year-index {
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: center; }
  .study-year-index li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px; }
  .study-year-index a {
    display: block;
    margin: 0px 0px 5px 0px;
    padding: 2px 12px;
    border-color: #45aaea;
    border-style: solid;
    border-width: 1px;
    color: #45aaea;
    box-sizing: border-box; }
  .study-year-index a:hover {
    background-color: #45aaea;
    color: #fff;
    text-decoration: none; }

.research-achievement h4 {
  margin: 2em 0px 1em 0px;
  padding: 0px 0px 0px 8px;
  font-size: 14px;
  border-color: #45aaea;
  border-style: solid;
  border-width: 0px 0px 0px 8px; }
.research-achievement em {
  font-weight: bold; }

/* 専門医養成プログラム*/
.specialist-training-program-information {
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: center; }
  .specialist-training-program-information li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 24%;
    font-size: 14px; }
  .specialist-training-program-information a {
    display: block;
    margin: 0px 0px 5px 0px;
    padding: 8px 0px 8px 0px;
    border-color: #45aaea;
    border-style: solid;
    border-width: 1px;
    color: #45aaea;
    box-sizing: border-box; }
  .specialist-training-program-information a:hover {
    background-color: #45aaea;
    color: #fff;
    text-decoration: none; }
  @media screen and (max-width: 799px) {
    .specialist-training-program-information li {
      width: 49%; } }
  @media screen and (max-width: 399px) {
    .specialist-training-program-information li {
      display: inherit;
      width: 100%; } }

h5.doctor-name {
  margin: 1em 0px 0.5em 0px;
  padding: 0px;
  font-size: 14px; }

h5.doctor-name-message {
  margin: 2em 0px 2em 0px;
  padding: 0px;
  font-size: 14px; }

.stp-status {
  margin: 0px 0px 30px 0px;
  padding: 20px 20px 20px 20px;
  box-sizing: border-box;
  border-color: #eee;
  border-style: solid;
  border-width: 4px;
  font-size: 14px; }
  .stp-status h4 {
    margin: 0em 0px 1em 0px;
    padding: 0px;
    font-size: 14px; }
    .stp-status h4 span {
      font-size: 12px;
      font-weight: normal; }
  .stp-status h5 {
    margin: 1em 0px 0.5em 0px;
    padding: 0px 0px 0px 0.5em;
    color: #45aaea;
    font-size: 14px;
    border-color: #45aaea;
    border-style: solid;
    border-width: 0px 0px 0px 8px; }
  .stp-status em {
    font-style: normal;
    color: coral; }
  .stp-status table {
    border-color: #ccc;
    border-style: solid;
    border-width: 0px;
    border-collapse: collapse;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px; }
  .stp-status tr {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px; }
  .stp-status tr:nth-child(even) {
    background-color: #f6f6f6; }
  .stp-status th {
    border-color: #ccc;
    border-style: solid;
    border-width: 0px;
    padding: 8px;
    box-sizing: border-box;
    width: 40%; }
  .stp-status td {
    border-color: #ccc;
    border-style: solid;
    border-width: 0px;
    padding: 8px;
    box-sizing: border-box; }
  .stp-status td.amount {
    text-align: right; }
  .stp-status dl.facility {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px;
    width: 49%;
    padding: 0px 0px 0px 0px; }
    .stp-status dl.facility dt {
      background-color: #eee;
      padding: 0.5em; }
    .stp-status dl.facility ul {
      padding: 0px 0px 1em 1.5em; }
  .stp-status p.facility-em {
    margin: 0px;
    padding: 0px; }
  @media screen and (max-width: 499px) {
    .stp-status {
      padding: 10px; }
      .stp-status h4 span {
        display: block; }
      .stp-status tr:nth-child(even) {
        background-color: #fff; }
      .stp-status th, .stp-status td {
        display: block;
        padding: 4px; }
      .stp-status th {
        background-color: #f6f6f6;
        width: 100%; }
      .stp-status td {
        float: left;
        width: 50%; }
      .stp-status dl.facility {
        display: inherit;
        width: 100%;
        padding: 0px 0px 0px 0px; } }

dl.stp-contents {
  margin: 0px 0px 1em 0px;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px; }
  dl.stp-contents dt, dl.stp-contents dd {
    display: table-cell;
    vertical-align: top;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box; }
  dl.stp-contents dt {
    background-color: #eee;
    width: 14em; }
  dl.stp-contents ul, dl.stp-contents ol {
    margin: 0px 0px 0px 0em;
    padding: 0px 0px 0px 2em; }
  @media screen and (max-width: 499px) {
    dl.stp-contents dt, dl.stp-contents dd {
      display: inherit; }
    dl.stp-contents dt {
      width: inherit; } }

dl.stp-sche {
  margin: 0px 0px -1px 0px;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px; }
  dl.stp-sche dt, dl.stp-sche dd {
    display: table-cell;
    vertical-align: top;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box; }
  dl.stp-sche dt {
    background-color: #eee;
    width: 5em;
    text-align: center; }
  dl.stp-sche ul, dl.stp-sche ol {
    margin: 0px 0px 0px 0em;
    padding: 0px 0px 0px 0em; }
  dl.stp-sche li {
    font-size: 14px;
    list-style: none;
    display: inline-block;
    vertical-align: top; }
  dl.stp-sche li:after {
    padding: 0px 0px 0px 4px;
    content: ","; }
  dl.stp-sche li:last-child:after {
    padding: 0px;
    content: ""; }

h4.specialist {
  margin: 1em 0px 1em 0px;
  padding: 4px 4px 4px 4px;
  font-size: 14px;
  border-color: #45aaea;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  background-color: #ecf8ff; }

h5.applicant {
  font-size: 14px; }

.training-hp {
  font-size: 14px; }
  .training-hp dl {
    margin: 0px 0px 1em 0px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px; }
  .training-hp dt, .training-hp dd {
    vertical-align: top;
    padding: 8px;
    box-sizing: border-box; }
  .training-hp dt {
    background-color: #eee; }
  .training-hp ul, .training-hp ol {
    margin: 0px 0px 0px 0em;
    padding: 0px 0px 0px 0em; }
  .training-hp li {
    font-size: 14px;
    list-style: none;
    display: inline-block;
    vertical-align: top; }
  .training-hp li:after {
    padding: 0px 0px 0px 4px;
    content: ","; }
  .training-hp li:last-child:after {
    padding: 0px;
    content: ""; }

/* 過去のセミナー*/
.seminar-information {
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: center; }
  .seminar-information li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 49%;
    font-size: 14px; }
  .seminar-information a {
    display: block;
    margin: 0px 0px 5px 0px;
    padding: 8px 0px 8px 0px;
    border-color: #45aaea;
    border-style: solid;
    border-width: 1px;
    color: #45aaea;
    box-sizing: border-box; }
  .seminar-information a:hover {
    background-color: #45aaea;
    color: #fff;
    text-decoration: none; }
  @media screen and (max-width: 799px) {
    .seminar-information li {
      width: 49%; } }
  @media screen and (max-width: 599px) {
    .seminar-information li {
      display: inherit;
      width: 100%; } }

dl.dl-tablecell-seminar-past {
  margin: 0px 0px -1px 0px;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0px;
  font-size: 14px; }
  dl.dl-tablecell-seminar-past dt, dl.dl-tablecell-seminar-past dd {
    /* display: table-cell;
    vertical-align: top; */
    /* padding: 8px; */ }
  dl.dl-tablecell-seminar-past dt {
    /* width: 18em; */
    background-color: #eee; }
  dl.dl-tablecell-seminar-past ul {
    padding: 0px 0px 0px 0px; }
  dl.dl-tablecell-seminar-past li {
    list-style: none;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    margin: 0px;
    padding: 0em 0px 0em 0px; }
  dl.dl-tablecell-seminar-past li:last-child {
    border-width: 0px 0px 0px 0px; }
  dl.dl-tablecell-seminar-past h4, dl.dl-tablecell-seminar-past p {
    display: table-cell;
    vertical-align: top;
    line-height: 152%; }
  dl.dl-tablecell-seminar-past h4 {
    width: 400px;
    margin: 0px;
    padding: 0.5em 1em 0.5em 0px;
    font-weight: bold;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    box-sizing: border-box; }
  dl.dl-tablecell-seminar-past p {
    margin: 0px;
    padding: 0.5em 0px 0.5em 1em;
    box-sizing: border-box; }
  @media screen and (max-width: 799px) {
    dl.dl-tablecell-seminar-past h4, dl.dl-tablecell-seminar-past p {
      display: inherit; }
    dl.dl-tablecell-seminar-past h4 {
      width: inherit;
      padding: 1em 0px 0.5em 0px;
      border-width: 0px 0px 0px 0px; }
    dl.dl-tablecell-seminar-past p {
      padding: 0em 0px 1em 0px; } }

/* サイトマップ */
.sitemap {
  padding: 20px 0px 0px 0px;
  display: inline-block;
  vertical-align: top;
  width: 30%;
  text-align: left;
  font-size: 14px; }
  .sitemap ul {
    margin: 0px 0px 1em 1em; }
  .sitemap li {
    margin: 0px 0px 1em 0px;
    list-style: none; }
    .sitemap li li {
      margin: 0px 0px 0px 0px; }
  @media screen and (max-width: 1023px) {
    .sitemap {
      display: inherit;
      width: inherit; } }

/* POST */
.post-wrap, .post-side {
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 1023px) {
    .post-wrap, .post-side {
      display: inherit; } }

.post-wrap {
  padding: 0px 60px 80px 0px;
  width: 64%;
  box-sizing: border-box;
  text-align: left; }
  .post-wrap h1 {
    margin: 0px 0px 0px 0px;
    padding: 4px;
    background-color: #45aaea;
    color: #fff;
    font-size: 18px; }
  .post-wrap p.update {
    padding: 4px;
    font-family: "Courier New", Courier, "monospace";
    font-size: 12px;
    text-align: right;
    background-color: #f6f6f6; }
  .post-wrap .entry-cont {
    padding: 20px 4px 40px 4px; }
  .post-wrap .entry-cat h4, .post-wrap .entry-cat ul {
    display: table-cell;
    vertical-align: top;
    line-height: 140%; }
  .post-wrap .entry-cat li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font-size: 14px; }
  .post-wrap .entry-cat li:after {
    content: ","; }
  .post-wrap .entry-cat li:last-child:after {
    content: ""; }
  .post-wrap .entry-cat h4 {
    font-size: 12px; }
  .post-wrap .postlink {
    margin: 10px 0px 0px 0px;
    text-align: center;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px;
    font-size: 0; }
    .post-wrap .postlink li {
      padding: 8px 0px;
      font-size: 14px;
      list-style: none;
      display: inline-block;
      vertical-align: top;
      width: 50%;
      box-sizing: border-box;
      line-height: 140%; }
    .post-wrap .postlink .next {
      text-align: left; }
    .post-wrap .postlink .prev {
      text-align: right; }
  @media screen and (max-width: 1023px) {
    .post-wrap {
      padding: 0px 4vw 60px 4vw;
      width: inherit; } }

.post-side {
  padding: 0px 0px 80px 0px;
  width: 26%;
  box-sizing: border-box;
  text-align: left;
  font-size: 14px; }
  .post-side .widget-box {
    padding: 0px 0px 40px 0px; }
  .post-side h6 {
    margin: 0px 0px 1em 0px;
    font-size: 14px;
    color: #45aaea;
    border-color: #45aaea;
    border-style: solid;
    border-width: 0px 0px 2px 0px; }
  .post-side ul {
    margin: 0px 0px 0px 1.5em; }
  .post-side .post-date {
    font-size: 12px;
    font-family: "Courier New", Courier, "monospace";
    color: #666; }
  .post-side .tagcloud a {
    margin: 0px 4px 4px 0px;
    font-size: 14px !important;
    padding: 4px;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px; }
  .post-side .tagcloud a:hover {
    background-color: #f6f6f6;
    text-decoration: none; }
  @media screen and (max-width: 1023px) {
    .post-side {
      padding: 0px 4vw 40px 4vw;
      width: inherit; } }

.wp-pagenavi {
  text-align: center;
  margin: auto; }
  .wp-pagenavi .pages {
    border-width: 0px; }
  .wp-pagenavi .current {
    border-color: #45aaea !important;
    background-color: #45aaea;
    color: #fff;
    font-weight: normal; }
  .wp-pagenavi a {
    border-color: #45aaea !important;
    color: #45aaea; }
  .wp-pagenavi a:hover {
    background-color: #ecf8ff; }

.entry-list li {
  margin: 0px 0px -1px 0px;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  list-style: none; }
  .entry-list li a {
    padding: 1em 0.5em;
    display: block; }
  .entry-list li a:hover {
    text-decoration: none;
    background-color: #ecf8ff; }
  .entry-list li span {
    display: block;
    font-family: "Courier New", Courier, "monospace";
    font-size: 12px;
    color: #666; }