/*
Theme Name:nishikawa-eijun
Template:liquid-corporate
Version:1.0
Author: アップパートナーズ
*/

@font-face{
    font-family: 'kanteiryu';
    src: url('./fonts/KantinliuEG4-Heavy-SJIS-01.ttf') format('truetype')
}

body {
  font-family:  "Rounded Mplus 1c", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", serif;
  color: #6d6765;
  line-height: 1.5;
  font-size: 20px;
  background: #fcf9f9;
}

@media (max-width: 991px) {
  .btn-lg {
    font-size: 1rem !important;
  }
}
@media (max-width: 767px) {
  .btn-lg {
    font-size: 1.2rem !important;
  }
}
@media (max-width: 375px) {
  body {
    font-size: 18px;
  }
}

@media (max-width: 330px) {
  .btn-lg {
    font-size: 0.9rem !important;
  }
}

/* google丸ゴシックを使うと文字がガタガタになるのを防ぐ */
p, h1, h2, h3, h4, a, span, th, td, div.com, input, div.copy, li a span, div.info, li {
  transform: rotate(0.05deg);
}

/* font-weight系[start]------------------------------------------------------ */
h2 {
  font-weight: 400;
  font-size: 1.7rem;
}
h3 {
  font-weight: 400;
  font-size: 1.5rem;
}
.reason h3:first-letter {
  font-family: serif;
  font-size: 2em;
  color: #2ea7e0;
}
h4 {
  font-weight: 400;
  margin-bottom: 5px;
}

@media (max-width: 375px) {
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.2rem;
  }
}

th {
  font-weight: bold;

}

strong {
  font-weight: 500;
  font-size: 22px;
}
/* font-weight系[end]-------------------------------------------------------- */

.navbar-nav a {
  font-size: 17px;
}

.logo img {
    width: auto !important;
    height: 70px !important;
    max-width: initial !important;
}

/* ヘッダー、フッターのロゴの大きさ調整 */

@media (max-width: 450px) {
  a.logo img {
    height: 50px !important;
  }
}

@media (max-width: 375px) {
  a.logo img {
    height: 45px !important;
  }
  table {
    font-size: 16px;
  }
}

@media (max-width: 340px) {
  a.logo img {
    height: 40px !important;
  }
}

@media (max-width: 360px) {
  table.medical-care-time {
    font-size: 0.7em;
  }
}

@media (max-width: 767.98px) {
  .logo.fixed-top-custom img {
      height: 2.2rem !important;
  }
  .logo.fixed-top-custom img.footer {
      height: 3.2rem !important;
  }
}

@media only screen and (max-width:768px){
  /* スマホの場合、表を1列表示にする */
  table.table th, table.table td {
    width: 100%;
    display: block;
  }
  table.table {
    background-color: #fff;
  }
  table.table th {
    text-align: center;
    background-color: #f5f5f5;
  }
  table.table th, table.table td {
    border: 1px solid #ddd;
  }
}

/* トップページ > 現在の利用者数、曜日ごとの対応可能人数 */
table.tablepress th, table.tablepress td {
  border: 1px solid #ddd;
  text-align: center;
}

/* トップページ > 現在の利用者数 */
table.number_of_users {
  width: auto;
}

div.foot span.com_tel {
  padding-right: 10px;
}

/* メニュー */
.navbar-toggler:after {
    content: "MENU";
    font-size: 10px;
    font-family: Verdana, sans-serif;
    position: absolute;
    bottom: -10px;
    right: 8px;
}

div.ttl span {
  font-size: 1.2em;
}

.pages .list .post_ttl {
  font-size: 1em;
}

.post_body {
  border-bottom: none;
  padding-bottom: 2rem;
  margin-bottom: 1rem;
}

.list .post_links .post_thumb {
	background-size: cover;
}

/* #でリンクさせた際の位置ずれ解消用 */
article.anchor {
  margin-top : -100px;
  padding-top : 100px;
}

nav ul.breadcrumb {
    /* border-top-color: #f39800 !important; */
    border-bottom-color: rgba(119, 119, 119, 0.1) !important;
    font-family: "Verdana";
}

.utilization-time td, .utilization-time th {
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}
@media only screen and (max-width:768px){
  .utilization-time td, .utilization-time th {
      border-top: 1px solid #dee2e6;
  }
}

div.top-message .ttl, div.top-message p {
  font-size: 1.2em;
}

@media (max-width: 768px) {
  div.top-message .ttl, div.top-message p {
    font-size: 1em;
  }
}

div.top-message {
  padding-bottom: 30px;
}

/* div.recruit-banner {
  padding-bottom: 60px;
} */

.btn-panel a.button {
  background:transparent;
  border-width:2px;
  position:relative;
  /* padding:0.5em 1em; */
  transition:all 0.3s ease-in-out;
  font-weight:bold
}
.btn-panel a.button:before,
.btn-panel a.button:after {
  content:'';
  display:block;
  position:absolute;
  box-sizing:border-box;
  border-style:solid;
  width:1em;
  height:1em;
  transition:all 0.3s ease-in-out
}
/* 左上カギ括弧 */
.btn-panel a.button:before {
  top:-6px;
  left:-6px;
  border-width:2px 0 0 2px;
  z-index:5;
}
/* 右下カギ括弧 */
.btn-panel a.button:after {
  bottom:-6px;
  right:-6px;
  border-width:0 2px 2px 0;
}
.btn-panel a.button:hover:before,
.btn-panel a.button:hover:after {
  width:calc(100% + 12px);
  height:calc(100% + 12px);
  border-color:#fff;
}
.btn-panel a.button:hover {
  background-color:#fff;
  border-color:#fff;
  color:#fff;
}

/* にしかわ整形外科の色 */
.blue a.button {
  color:#2ea7e0;
  border-color:#2ea7e0;
}
.blue a.button:before,
.blue a.button:after,
.blue a.button:hover:before,
.blue a.button:hover:after  {
  border-color:#2ea7e0;
}
.blue a.button:hover {
  background-color:#2ea7e0;
  border-color:#2ea7e0;
}

/* 心の色 */
.orange a.button {
  color:#ef8f00;
  border-color:#ef8f00;
}
.orange a.button:before,
.orange a.button:after,
.orange a.button:hover:before,
.orange a.button:hover:after  {
  border-color:#f5a827;
}
.orange a.button:hover {
  background-color:#f5a827;
  border-color:#f5a827;
}

h3.sub-title {
    position: relative;
    padding: 20px 30px;
    background: #FFF;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.sub-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 5px;
    background: #f5a827;
}


/* スタッフ募集ページ[start] */
table.table-recruit {
  background-color: #fff;
}
table.table-recruit th {
  text-align: center;
  background-color: #f5f5f5;
}
@media only screen and (min-width:769px){
  table.table-recruit th, table.table-recruit td {
    border: 1px solid #ddd;
  }
}
@media only screen and (max-width:768px){
  /* スマホの場合、表を1列表示にする */
  table.table-recruit th, table.table-recruit td {
    width: 100%;
    display: block;
  }/
}
/* スタッフ募集ページ[End] */

/* 院長あいさつ[Start] */
.greeting-parts-frame {
    border: 2px solid #d8d8d8;
    padding: 30px;
    font-size: 16px;
}

div.greeting-parts-frame span {
    color: #b3b3b3;
    font-size: 15px;
}
/* 院長あいさつ[End] */


/* モーダル関連[Start] */
@media (min-width: 576px) {
	.modal-dialog {
		max-width: 1000px;
	}
}
/* モーダル関連[End] */