@charset "UTF-8";
/* ++++++++++++++++++++++++++++++++++++++++++
	Theme Name: FS長崎　中村歯科
	Description: 純PHP化移行版（元WPテーマ nakamurashika より移植）
	Version: 1.0
++++++++++++++++++++++++++++++++++++++++++++++ */
/* ============================================
   旧テーマの css/reset.css をそのまま移植
   （正本resetに差し替えると描画が変わるリスクがあるため、
   　旧テーマ独自リセットを foundation層の正とする）

   ※ @-ms-viewport{width:device-width;} はIE10 Metro専用の遺物のため削除
   ※ .clearfix / .inline_block / .both はHTML側で未使用のため削除（移植対象外）
============================================ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  white-space: normal;
  text-align: left;
  outline: 0;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

html {
  overflow-y: scroll;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input,
textarea {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

a:focus {
  outline: none;
}

/*------------------------------------
画像を横幅可変（旧reset.cssの追記分より移植）
------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}

/* ============================================
   @font-face（サイトごとに設定）
   Webフォントをサーバ設置する場合はここに定義
============================================ */
/* ============================================
   サイト宣言変数
   SITE_CONFIG.md と必ず同期させること
============================================ */
/**************************
  カラーパレット（旧style.cssから抽出）
**************************/
/* ============================================
   関数（定義はこのファイルだけ。mixinファイル内での重複定義禁止）
============================================ */
/*-- mixinフォルダの中の_index.scss --*/
/* ============================================
   正本mixin（棚卸し確定版 2026-03）
   これ以外の旧mixinは _m-archive.scss にあり、新規使用禁止
============================================ */
/*------------------------------------
 メディアクエリ MIXIN
---------------------------------*/
/*---------------------
 ★ 文字関連一括指定【全テキスト必須】
-----------------------*/
/*---------------------
 ★ 数値プロパティのvwシームレス可変
-----------------------*/
/*---------------------
 ★ リンク文字色 固定
-----------------------*/
/*---------------------
 ★ コンテナ
-----------------------*/
/*-------------------------------------
   レイアウト汎用（pp- = page-parts）
---------------------------------------*/
/*-----------------------------------
 上下余白（レスポンシブ2値）
-----------------------------------*/
/*-----------------------------------
 左余白（レスポンシブ）※左柱レイアウト採用サイトのみ
-----------------------------------*/
/*-----------------------------------
 改行制御
-----------------------------------*/
/*--------------------------------------------
 行数丸め…省略（複数行対応）
----------------------------------------------*/
/*-----------------------------------
 連続要素の間隔（段落間隔）
-----------------------------------*/
/* ============================================
   英字見出し用フォント ff-系mixin
   サイトごとに中身を差し替える（枠組みは維持）
============================================ */
/* ++++++++++++++++++++++++++++++++++++++++++
   グローバル既定
++++++++++++++++++++++++++++++++++++++++++*/
/*---------------------
 ★ body（旧テーマのbody設定を移植）
 旧値: background-color:#FAF1F6 / background:url(img/body-bg.png)（404画像・無表示）
       font-size:90%（root16px基準=14.4px）/ line-height:1.6em / メイリオ系フォント
-----------------------*/
body {
  margin: 0;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: calc(14.4 / 16 * 1rem);
  color: inherit;
  letter-spacing: inherit;
  line-height: 1.6em;
  background-color: #FAF1F6;
}

/*---------------------
 ★ スムーズスクロール
-----------------------*/
html {
  scroll-behavior: smooth;
}

/*---------------------
 ★ 太字強調
-----------------------*/
.b,
strong {
  font-weight: bold;
}

/*---------------------
 ★ リンク既定
 旧テーマ実値: a:link/a:visited = #400000、a:hover/a:active = #CC3399 + 下線
 個別リンクは各所で @include linkColor($color) し、hover演出は後置&:hoverで上書きする
-----------------------*/
a {
  color: #400000;
  text-decoration: none;
  overflow: hidden;
}
a:visited, a:hover, a:active, a:focus {
  color: #400000;
  text-decoration: none;
}
a:hover, a:active {
  color: #CC3399;
  text-decoration: underline;
}

/*-- componentフォルダの中の_index.scss --*/
/*-- utilityフォルダの中の_index.scss --*/
/*------------------------------------
ユーティリティ
「クラス名を新規に作るのが面倒なとき」の受け皿。
u-クラスの多段連結でレイアウトを組み立てるのは禁止（それは名前空間内に書く）

【本サイトの方針】
本案件は「未使用CSSは削除」の方針のため、yuki-site-standard 雛形が持っていた
汎用ユーティリティ（.u-display-none / .u-txt-right / .u-ta-*-sp / .u-fc-* / .u-fs-08em /
.u-fw-b / .u-inline-block / .u-marker-y / .u-clip-* / .u-youtube-block / .u-access-map /
.u-fs-36〜10 および _u-margin-padding.scss の .u-pp-* 一式）は
本サイトのHTMLで1つも使われていないため削除した。
必要になったら yuki-site-standard スキルの assets/scss/utility/ からコピーして復活させること。
※ 削除により .link-none / .u-youtube-block / .u-access-map が持っていた !important も解消した。
---------------------------------*/
/* *********************************
  旧テーマ互換ユーティリティ
  HTML側のクラス名を変更できないため、旧クラス名のまま定義する
  （通常はu-プレフィックスへリネームするが本移行案件は対象外。旧css/reset.cssより移植）
*************************************/
.tx-c {
  text-align: center;
}

.tx-bl {
  font-weight: bold;
}

.fs-08 {
  font-size: 0.8em;
}

.fs-12 {
  font-size: 1.2em;
}

.m10 {
  margin: 10px 0;
}

.mb10 {
  margin-bottom: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.mt50 {
  margin-top: 50px;
}

span.mk-y {
  background-color: #FF9;
}

span.mk-p {
  background-color: #ffccff;
}

/*-- layoutフォルダの中の_index.scss --*/
/*------------------------------------
旧 css/responsive.gs.12col.css（12カラムグリッド）をそのまま移植
.container / .row / .col / .span_* / .gutters をHTML側で使用中のため
セレクタ・出力値を完全維持する（未使用に見える .clr / .group もclearfixセットの一部として維持）
---------------------------------*/
* {
  box-sizing: border-box;
}

.container {
  max-width: 980px;
  margin: 0 auto;
}

.container:after,
.row:after,
.col:after,
.clr:after,
.group:after {
  content: "";
  display: table;
  clear: both;
}

.row {
  padding-bottom: 0em;
}

.col {
  display: block;
  float: left;
  width: 100%;
}

@media (min-width: 768px) {
  .gutters .col {
    margin-left: 2%;
  }
  .gutters .col:first-child {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .gutters .col {
    padding: 1% 5%;
  }
}
@media (min-width: 768px) {
  .span_1 {
    width: 8.3333333333%;
  }
  .span_2 {
    width: 16.6666666667%;
  }
  .span_3 {
    width: 25%;
  }
  .span_4 {
    width: 33.3333333333%;
  }
  .span_5 {
    width: 41.6666666667%;
  }
  .span_6 {
    width: 50%;
  }
  .span_7 {
    width: 58.3333333333%;
  }
  .span_8 {
    width: 66.6666666667%;
  }
  .span_9 {
    width: 75%;
  }
  .span_10 {
    width: 83.3333333333%;
  }
  .span_11 {
    width: 91.6666666667%;
  }
  .span_12 {
    width: 100%;
  }
  .gutters .span_1 {
    width: 6.5%;
  }
  .gutters .span_2 {
    width: 15%;
  }
  .gutters .span_3 {
    width: 23.5%;
  }
  .gutters .span_4 {
    width: 32%;
  }
  .gutters .span_5 {
    width: 40.5%;
  }
  .gutters .span_6 {
    width: 49%;
  }
  .gutters .span_7 {
    width: 57.5%;
  }
  .gutters .span_8 {
    width: 66%;
  }
  .gutters .span_9 {
    width: 74.5%;
  }
  .gutters .span_10 {
    width: 83%;
  }
  .gutters .span_11 {
    width: 91.5%;
  }
  .gutters .span_12 {
    width: 100%;
  }
}
/*------------------------------------
旧style.css由来（.col の天地左右余白）
旧CSSでは .gnav-wrapper 非表示ルールと同じ @media(max-width:720px) 内に
まとめて書かれていたが、FLOCSS再編のためグリッド層に移設（値は不変）
同ブロックにあった .toku3-1 .col / .toku3-2 .col はHTML側で未使用のため削除
---------------------------------*/
@media (max-width: 720px) {
  .col {
    padding: 1% 5%;
  }
}
/*------------------------------------
コンテナ クラス定義
サイトで使う定型幅をここでプリセット化する
---------------------------------*/
.l-container-1200 {
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
  padding: 0 25px;
  position: relative;
}

.l-container-1000 {
  max-width: 1000px;
  width: auto;
  margin: 0 auto;
  padding: 0 25px;
  position: relative;
}

/*------------------------------------
旧テーマの .wrapper（ページ全体ラッパー）をそのまま移植
HTML側のクラス名は変更できないため l-container mixin化はせず旧値を直書き
---------------------------------*/
.wrapper {
  max-width: 1040px;
  margin: 10px auto;
  padding: 10px 0;
  line-height: 1.6em;
}

/*------------------------------------
ヘッダー / グローバルナビ(PC) / SPドロワー(meanmenu)
header / .header-in / .site_logo720 / .on720 / .gnav-wrapper + js/meanmenu.css一式
画像: 旧 img/header-bg.png・img/header-in-bg.png は旧サーバー上にも存在せず常に404だった。
描画に影響しないうえ無駄な404リクエストを生むため、background宣言ごと削除（README記載）。
背景色以外の宣言（padding/width/position等）はそのまま残す
---------------------------------*/
header {
  width: 100%;
  padding-top: 12px;
  line-height: 1.8em;
}

.header-in {
  padding: 20px 0;
  width: 980px;
  position: relative;
  margin: 10px auto;
}

header h1 {
  font-size: 0.7em;
}

.site_logo720 {
  display: none;
  margin-top: 5px;
}

header .tel {
  position: absolute;
  right: 230px;
  bottom: 34px;
  width: 240px;
  height: 59px;
}

header .ep {
  position: absolute;
  right: 0;
  top: 55px;
  width: 220px;
  height: 80px;
}

.on720 {
  display: none;
}

@media screen and (max-width: 380px) {
  header h2 img {
    margin: 0 auto 5px;
  }
}
@media screen and (max-width: 720px) {
  .header-in {
    display: none;
  }
  .site_logo720 {
    display: block;
    margin-top: 60px;
  }
  .on720 {
    display: block;
  }
  header .ep {
    padding: 0.5rem;
  }
}
/*------------------------------------
グローバルナビ（PC版）
※720px以下はmeanmenu.js制御のアコーディオンに切替（SPドロワーは下記meanmenuスタイル参照）
---------------------------------*/
.gnav-wrapper {
  padding: 0;
  background: #FEAFDC;
}

.gnav-wrapper nav {
  width: 1040px;
  margin: 10px auto;
  line-height: 0;
  text-align: center;
}

.gnav-wrapper nav ul {
  background: #FEAFDC;
  display: inline-block;
  font-size: 0;
}

.gnav-wrapper nav ul li {
  display: inline-block;
}

.gnav-wrapper nav ul li a {
  display: block;
  padding: 2em;
  font-style: normal;
  font-weight: 400;
  font-size: calc(15 / 16 * 1rem);
  color: #333;
  letter-spacing: inherit;
  line-height: inherit;
}

.gnav-wrapper nav ul li:hover {
  background: #FC80C6;
  transition: background 0.25s ease-in;
}

.gnav-wrapper nav ul li:hover > a {
  text-decoration: none;
  transition: color 0.25s ease-in;
}

@media screen and (max-width: 720px) {
  .gnav-wrapper {
    display: none;
  }
}
/*------------------------------------
SPドロワー（MeanMenu 2.0.7 / js/meanmenu.css を移植）
!important・vendor prefix・IEフィルタ(filter:alpha)は削除（プロジェクト規約）。
.mean-expand はクラス数が多く元々詳細度で優先されるため、!important除去による描画差は無い
---------------------------------*/
a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  display: none;
  float: left;
  width: 100%;
  position: relative;
  background: #E0467C;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}
@media screen and (max-width: 720px) {
  .mean-container .mean-bar {
    display: block;
  }
}

.mean-container a.meanmenu-reveal {
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-style: normal;
  font-weight: 700;
  font-size: calc(15 / 16 * 1rem);
  color: #fff;
  letter-spacing: inherit;
  line-height: 22px;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #E0467C;
  margin-top: 44px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  text-shadow: none;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  padding: 12px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0.9);
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-remove {
  display: none;
}

.meanclose {
  color: #fff;
}

/*------------------------------------
フッター / TOPへ戻るボタン
旧 #page-top はIDセレクタ禁止のため .p-pagetop クラスに変更（HTML側も同様に変更済み。JSフックは別担当）
---------------------------------*/
.p-pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 1.2em;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.p-pagetop.is-visible {
  opacity: 1;
  visibility: visible;
}
.p-pagetop a {
  color: #fff;
  text-decoration: none;
  background: #F36;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
.p-pagetop a:visited, .p-pagetop a:hover, .p-pagetop a:active, .p-pagetop a:focus {
  color: #fff;
  text-decoration: none;
}
.p-pagetop a:hover {
  background: #F06;
}

footer {
  text-align: center;
  background: #D2377D;
  padding: 18px 0;
  margin-top: 30px;
  color: #fff;
  font-size: 0.9em;
}

/*-- projectフォルダの中の_index.scss --*/
/*--------------------------------
全ページ共通の本文パーツ
旧style.cssの「h2-h3見出し」「汎用レイアウト」「２段組」「Gmap」セクションより移植
セレクタ構造は旧テーマのまま維持（HTML側のクラス名は変更しないため）
---------------------------------*/
/*------------------------------------
見出し
------------------------------------*/
h3.a-ti {
  border-bottom: #FEAFDC 3px solid;
  margin: 25px 0 25px;
  padding: 0 0 10px 0;
  font-style: normal;
  font-weight: 400;
  font-size: calc(26 / 16 * 1rem);
  color: #333;
  letter-spacing: 0.08em;
  line-height: inherit;
}

h3.c-ti {
  margin: 10px 0 0;
  font-style: normal;
  font-weight: 700;
  font-size: calc(18 / 16 * 1rem);
  color: #D2377D;
  letter-spacing: 0.08em;
  line-height: inherit;
}

/*------------------------------------
汎用ボックス
------------------------------------*/
.pink-box {
  padding: 5%;
  border: 1px solid #FCC;
  background: #FAF1F6;
  border-radius: 10px;
}

/*------------------------------------
２段組 左枠・右枠
旧CSSは同一セレクタが2ブロックに分かれて存在（border等が後勝ちで上書き）→ 統合して1ブロックに整理
------------------------------------*/
.right-wrap {
  padding: 40px;
  margin: 20px 0;
  border: 1px solid #FCC;
  background: #FFF;
  box-shadow: rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
  border-radius: 3px;
}

.left-wrap {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #FCC;
  background: #FFF;
  box-shadow: rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px inset;
}
@media screen and (max-width: 768px) {
  .left-wrap {
    text-align: center;
  }
  .left-wrap img {
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
  }
}

/*------------------------------------
Gmap（レスポンシブ埋め込み）
------------------------------------*/
.gmap {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

.gmap iframe,
.gmapr object,
.gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gmap iframe {
  border-radius: 10px;
}

/*------------------------------------
水平線
------------------------------------*/
hr.style-tow {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/*--------------------------------
TOPページ固有（home.php）
---------------------------------*/
.mainimg {
  margin: 20px 0;
}

/*--------------------------------
右サイドバー（基本情報）
saidbar.php で使用
---------------------------------*/
.left-wrap .gaikan {
  width: 230px;
  margin: 0 auto;
}

.left-wrap .name {
  font-weight: normal;
  font-size: 2em;
  color: #E5007F;
  margin: 5px 0 8px;
  text-align: center;
}

.tel {
  font-weight: normal;
  font-size: 1.8em;
  color: #FF3366;
  margin: 5px 0 8px;
  text-align: center;
}

table.top-timetable {
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 5px 0 15px 0;
  width: 100%;
}

table.top-timetable td {
  border-collapse: collapse;
  background-color: #FFF;
  text-align: left;
  padding: 8px;
  border: 1px solid #FEAFDC;
  line-height: 20px;
}

table.top-timetable th {
  background-color: #FFF;
  text-align: right;
  padding: 8px;
  white-space: nowrap;
  border: 1px solid #FEAFDC;
  background-repeat: repeat-x;
  background-position: top;
  font-style: normal;
  font-weight: 400;
  font-size: calc(13 / 16 * 1rem);
  color: #151515;
  letter-spacing: inherit;
  line-height: inherit;
  letter-spacing: 1px;
}

/* ============================================
   診療カレンダー（Biz Calendar 代替の自前実装）
   見た目は旧プラグイン biz-cal.css を完全再現する。

   ※ $holiday-color / $text-primary は本ファイル作成時点では
     指定色（#F63C9F / #333）と一致する保証がなかったため使用せず、
     生の16進数を直書きしている（変数化が確定したら差し替え検討）。
   ※ 元CSSは文字サイズ未指定（ブラウザ既定値依存）だったが、
     font-cg必須化に伴い、カレンダー全体を14pxに統一した。
============================================ */
.p-bizcal {
  max-width: 250px;
  margin: auto;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  /*---------------------
    テーブル本体
  -----------------------*/
  /*---------------------
    月送りボタン
  -----------------------*/
  /*---------------------
    曜日行
  -----------------------*/
  /*---------------------
    日付セル
  -----------------------*/
  /*---------------------
    凡例
  -----------------------*/
}
.p-bizcal__table {
  margin: 10px 0;
  width: 100%;
  background: #fff;
  table-layout: fixed;
  border: 1px solid #b5b5b6;
  cursor: default;
  vertical-align: middle;
}
.p-bizcal__month {
  text-align: left;
  padding: 2px 7px;
  border: none;
  font-style: normal;
  font-weight: 700;
  font-size: calc(14 / 16 * 1rem);
  color: #000;
  letter-spacing: inherit;
  line-height: 1.6;
}
.p-bizcal__btn {
  border: none;
}
.p-bizcal__btn--prev {
  text-align: right;
}
.p-bizcal__btn--today {
  text-align: center;
}
.p-bizcal__btn--next {
  text-align: left;
}
.p-bizcal__btn-inner {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 0;
}
.p-bizcal__btn-inner img {
  vertical-align: middle;
}
.p-bizcal__btn-inner:disabled {
  cursor: default;
}
.p-bizcal__weekday {
  text-align: center;
  padding: 2px;
  border: none;
  background: #dedede;
  font-style: normal;
  font-weight: 500;
  font-size: calc(14 / 16 * 1rem);
  color: #000;
  letter-spacing: inherit;
  line-height: 1.6;
}
.p-bizcal__weekday--sun {
  font-style: normal;
  font-weight: 500;
  font-size: calc(14 / 16 * 1rem);
  color: red;
  letter-spacing: inherit;
  line-height: 1.6;
}
.p-bizcal__weekday--sat {
  font-style: normal;
  font-weight: 500;
  font-size: calc(14 / 16 * 1rem);
  color: blue;
  letter-spacing: inherit;
  line-height: 1.6;
}
.p-bizcal__cell {
  text-align: center;
  padding: 2px;
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: calc(14 / 16 * 1rem);
  color: #000;
  letter-spacing: inherit;
  line-height: 1.6;
}
.p-bizcal__cell--holiday {
  background: #f63c9f;
  font-style: normal;
  font-weight: 400;
  font-size: calc(14 / 16 * 1rem);
  color: #fff;
  letter-spacing: inherit;
  line-height: 1.6;
}
.p-bizcal__cell--today {
  text-decoration: underline;
  font-style: normal;
  font-weight: 700;
  font-size: calc(14 / 16 * 1rem);
  color: #000;
  letter-spacing: inherit;
  line-height: 1.6;
}
.p-bizcal__legend {
  margin: 0;
  line-height: 170%;
}
.p-bizcal__legend-box {
  display: inline-block;
  background: #f63c9f;
  padding-left: 25px;
  margin-right: 10px;
}

/*--------------------------------
下層ページ共通（flow / shinryou / ishi / shisetu / implant）
---------------------------------*/
ul.shinryou {
  width: 98%;
  margin: 0 auto;
  line-height: 1.8em;
}

ul.shinryou li {
  padding: 8px;
  border-bottom: #F9C dotted 2px;
  margin-bottom: 12px;
}