@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
* {
  box-sizing: border-box;
}

body,
a,
.table {
  color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.3rem;
}

.text-blue {
  color: #6b90db !important;
}

.bg-blue,
.thead-blue,
.badge-primary {
  background-color: #6b90db !important;
}

.bg-lightblue {
  background-color: #ecf7fb !important;
}

.bg-pink {
  background-color: #DB8F81 !important;
}

.border-blue {
  border-color: #B2C2E1 !important;
}

.border-top {
  border-width: 2px !important;
}

p {
  line-height: 1.6rem;
}


.is-new {
    background-color: #fff9f9; /* ほんのり赤みのある背景 */
    border-left: 4px solid #ff5252; /* 左側に赤いアクセント線 */
    padding-left: 10px;
}
/* --------------------------------------------------
    ファーストビュー
-------------------------------------------------- */
.header {
  height: 100vh;
}

.header .jumbotron {
  background-image: url("../img/main-img.JPG");
  background-size: cover;
  background-position: center top;
  position: relative;
  height: 90%;
  margin-bottom: 0;
}

/* nav
-------------------------------------------------- */
nav.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
}

/*    キービジュアル
-------------------------------------------------- */
/*下層ページ*/
.under-layer .jumbotron {
  background-image: url("../img/main-img.JPG");
  background-size: cover;
  background-position: center top;
  margin-bottom: 0;
}

.footer a:link{
  color: #0000EE;
  text-decoration: underline;
}

/* --------------------------------------------------
    メイン
-------------------------------------------------- */

/*    トップページ
-------------------------------------------------- */
.tokucho h3 span {
  font-family: 'Libre Caslon Text', serif;
  margin-right: 1rem;
  border-bottom: 5px solid #B2C2E1;
}

/*    院内紹介
-------------------------------------------------- */
figcaption {
  padding-left: 1rem;
  border-left: 3px solid #6b90db;
}

/* --------------------------------------------------
    サンプルページ
-------------------------------------------------- */

/*   チャート
-------------------------------------------------- */
.flow > li .flow-icon {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  line-height: 50px;
  width: 50px;
  color: #fff;
  background-color: #6b90db;
  margin: 0 auto 20px;
  display: block;
  text-align: center;
  position: relative;
  letter-spacing: 2px;
}

.flow > li .flow-icon::before {
  content: "";
  border: solid transparent;
  border-width: 8px;
  border-top-color: #6b90db;
  position: absolute;
  top: calc(100% - .2rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#infant table,#infant td,#infant th{
  border-collapse: collapse;
  border:1px solid #333;
  }

#infant th{
background-color: rgb(189, 226, 250);

}

table{
  table-layout: fixed;
  width: 100%;
	word-break: break-word;
	word-wrap: break-word;
}

th.width10{
  width: 10%;
}

th.width15{
  width: 15%;
}

th.width20{
  width: 20%;
}

th.width30{
  width: 30%;
}

th.width40{
  width: 40%;
}

.grayout{
  background-color: rgb(179, 170, 170);
}
.linkTxt{
color: blue;

}


.vaccination table,.vaccination td,.vaccination th{
  border-collapse: collapse;
  border:1px solid #333;
  }

.vaccination th{
background-color: rgb(189, 226, 250);

}

/* --------------------------------------------------
    お知らせページ
-------------------------------------------------- */
/*新着情報や連絡事項の掲載ページ*/
.message {
  color: #6594e0;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #6594e0;
}
#info{
 margin-top: 4rem;
}
/* --------------------------------------------------
    お問い合せページ
-------------------------------------------------- */
/*WEBでのご予約・お問合せ*/
.google_map{
  position:relative;
  width:100%;
  height:0;
  padding-top:75%;
  }
  .google_map iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  }


  /* --------------------------------------------------
    お知らせ詳細エリア
-------------------------------------------------- */
  /* お知らせ詳細エリア（news-body）内の装飾設定 */
.news-body {
    line-height: 1.8;       /* 行間を広げて読みやすく */
    color: #333;           /* 基本の文字色 */
    word-break: break-all; /* 長いURLなどがはみ出さないように */
}

/* WordPressの投稿画面で設定した文字色などを有効にする */
.news-body span[style], 
.news-body strong, 
.news-body em {
    display: inline;
}

/* スマホで見やすくするための画像調整 */
.news-body img {
    max-width: 100%;       /* 画像が画面からはみ出さない */
    height: auto;
}

/* 箇条書きのデザイン（もし使う場合） */
.news-body ul {
    padding-left: 20px;
    margin: 10px 0;
}

.news-body span {
    color: inherit !important; /* WordPress側の色設定を優先させる */
}

/* WordPressの標準カラークラスを定義 */

/* 赤色 */
.has-vivid-red-color { color: #cf2e2e !important; }
/* オレンジ色 */
.has-luminous-vivid-orange-color { color: #ff6900 !important; }
/* 黄色 */
.has-luminous-vivid-amber-color { color: #fcb900 !important; }
/* 緑色 */
.has-vivid-green-cyan-color { color: #00d084 !important; }
/* 水色 */
.has-pale-cyan-blue-color { color: #8ed1fc !important; }
/* 青色 */
.has-vivid-cyan-blue-color { color: #0693e3 !important; }

/* 背景色も使う場合はこちらも追加 */
.has-vivid-red-background-color { background-color: #cf2e2e !important; }
.has-vivid-green-cyan-background-color { background-color: #00d084 !important; }

/* インラインで直接指定された色を強制的に有効化 */
.news-body [style*="color"] {
    color: inherit; /* 要素が持つstyle属性を優先 */
}