@charset "UTF-8";
/* -----------------------------------------------------------
ベースカラー
----------------------------------------------------------- */
/* ---------- BODY ---------- */
/* ---------- BOX ---------- */
/* -----------------------------------------------------------
中ページコンテンツ色
----------------------------------------------------------- */
/* ---------- COLOR ---------- */
/* -----------------------------------------------------------
Content
----------------------------------------------------------- */
.content h1 {
  border-bottom: 1px solid #ccc;
  font-size: 31px;
  line-height: 1.7;
  margin-bottom: 30px;
}

.content h2 {
  font-size: 21px;
  line-height: 60px;
  padding: 0 50px 0 30px;
  margin: 0 0 18px 0;
}

/* -----------------------------------------------------------
Header
----------------------------------------------------------- */
/* ---------- 上部ライン ---------- */
/* -----------------------------------------------------------
Footer
----------------------------------------------------------- */
/* -----------------------------------------------------------
Sidebar
----------------------------------------------------------- */
/* -------------------- Sidebar01 -------------------- */
/* ---------- ベース ---------- */
/* ---------- h2 ---------- */
/* ---------- 子メニュー ---------- */
/* -----------------------------------------------------------
Global-menu
----------------------------------------------------------- */
/* ---------- メニューサイズ ---------- */
/* ---------- メニューhoverサイズ ---------- */
/* -----------------------------------------------------------
指定カラー（同系色調整）【枠、テキスト】
----------------------------------------------------------- */
/* -----------------------------------------------------------
指定カラー（同系色調整）【BOX背景】
----------------------------------------------------------- */
/* -----------------------------------------------------------
ポイントアイコン
----------------------------------------------------------- */
/* -----------------------------------------------------------
指定アイコン（同種類調整）
----------------------------------------------------------- */
/* -----------------------------------------------------------
中ページコンテンツ背景画像（変更なし）
----------------------------------------------------------- */
/* -----------------------------------------------------------
指定カラー（変更なし）
----------------------------------------------------------- */
/* -----------------------------------------------------------
フォント（変更なし）
----------------------------------------------------------- */
/* -----------------------------------------------------------
グローバルメニュー画像
----------------------------------------------------------- */
/* -----------------------------------------------------------
@extend-elements
----------------------------------------------------------- */
/* -- FLEX-- */
.post .column_archive, .post .blog_archive, .menu-box .box, .menu-box, .l02_box_b2, .l02_box_b1, .l02_box_b,
.l02_box_b0, .case-box, .l04_box_b, .l03_box_b, .l01_box_b0, .l01_box_b, .l02_box_sp, .l04_box, .l03_box, .l02_box, .l01_box, .ft-list {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* -----------------------------------------------------------
Common
----------------------------------------------------------- */
body {
  background-color: #fff;
  color: #333;
  font-family: Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, Arial, sans-serif;
}

/* -----------------------------------------------------------
Header
----------------------------------------------------------- */
.hd-line {
  height: 25px;
  background: #fff;
}
.hd-line h1 {
  line-height: 25px;
  color: #666;
}

/* -----------------------------------------------------------
Footer
----------------------------------------------------------- */
.ft-bg {
  background: #847d77;
}

.ft-list li:before {
  color: #ffffff;
  content: " \f101";
  font-family: FontAwesome;
}
.ft-list li li:before {
  content: " \f105";
  font-family: FontAwesome;
}
.ft-list a {
  color: #ffffff;
}
.ft-list a:hover {
  color: #e1e1e1;
}

p.copyright {
  background: #847d77;
  color: #ffffff;
}
p.pagenation a {
  background-color: #65b6b8;
  color: #fff;
}
p.pagenation span {
  background-color: #6f6f6f;
  color: #fff;
}

/* -----------------------------------------------------------
Sidebar
----------------------------------------------------------- */
.sidebar01 h2 {
  background: #65b6b8;
  color: #fff;
  border-color: #ccc;
}
.sidebar01 ul.sidenav {
  border-color: #ccc;
}
.sidebar01 ul.sidenav li {
  border-color: #ccc;
  background-color: #f2ece8;
}
.sidebar01 ul.sidenav li a {
  color: #333;
}
.sidebar01 ul.sidenav li:hover {
  background-color: #f5f0dc;
}
.sidebar01 ul.sidenav li li a {
  color: #333;
}
.sidebar01 ul.sidenav ul li {
  background-color: #fff;
}
.sidebar01 ul.sidenav ul li a:before {
  color: #333;
  content: " \f0da";
  font-family: FontAwesome;
}
.sidebar01 ul.sidenav ul li:hover a {
  color: #333;
}
.sidebar01 ul.sidenav ul li:hover a:before {
  color: #333;
}

/* -----------------------------------------------------------
Global-menu
----------------------------------------------------------- */
nav.mega-global {
  background: rgba(244, 241, 237, 0.7);
  padding-top: 20px;
}
nav.mega-global ul {
  height: 50px;
}
nav.mega-global ul li {
  height: 50px;
}
nav.mega-global ul li div.mega-global {
  background: #fff;
  border-color: #847d77;
}
nav.mega-global ul li:nth-child(1) div.mega-global {
  background-image: url(../../images/gnav/nav/nav01.jpg);
}
nav.mega-global ul li:nth-child(2) div.mega-global {
  background-image: url(../../images/gnav/nav/nav02.jpg);
}
nav.mega-global ul li:nth-child(3) div.mega-global {
  background-image: url(../../images/gnav/nav/nav03.jpg);
}
nav.mega-global ul li:nth-child(4) div.mega-global {
  background-image: url(../../images/gnav/nav/nav04.jpg);
}
nav.mega-global ul li:nth-child(5) div.mega-global {
  background-image: url(../../images/gnav/nav/nav05.jpg);
}
nav.mega-global ul li:nth-child(6) div.mega-global {
  background-image: url(../../images/gnav/nav/nav06.jpg);
}
nav.mega-global ul li a {
  height: 50px;
}
nav.mega-global ul ul.sub-menu li:before {
  color: #847d77;
  content: " \f0da";
  font-family: FontAwesome;
}
nav.mega-global ul ul.sub-menu li a {
  color: #333;
}
nav.mega-global ul ul.sub-menu li a:hover {
  color: #7f9ed8;
}
nav.mega-global li:first-child a {
  background: url(../../images/gnav/gnav.png) no-repeat 0 0;
}
nav.mega-global li:first-child a:hover {
  background: url(../../images/gnav/gnav_hv.png) no-repeat 0 0;
}
nav.mega-global li:nth-child(2) a {
  background: url(../../images/gnav/gnav.png) no-repeat -30px 0;
}
nav.mega-global li:nth-child(2) a:hover {
  background: url(../../images/gnav/gnav_hv.png) no-repeat -30px 0;
}
nav.mega-global li:nth-child(3) a {
  background: url(../../images/gnav/gnav.png) no-repeat -215px 0;
}
nav.mega-global li:nth-child(3) a:hover {
  background: url(../../images/gnav/gnav_hv.png) no-repeat -215px 0;
}
nav.mega-global li:nth-child(4) a {
  background: url(../../images/gnav/gnav.png) no-repeat -440px 0;
}
nav.mega-global li:nth-child(4) a:hover {
  background: url(../../images/gnav/gnav_hv.png) no-repeat -440px 0;
}
nav.mega-global li:nth-child(5) a {
  background: url(../../images/gnav/gnav.png) no-repeat -575px 0;
}
nav.mega-global li:nth-child(5) a:hover {
  background: url(../../images/gnav/gnav_hv.png) no-repeat -575px 0;
}
nav.mega-global li:nth-child(6) a {
  background: url(../../images/gnav/gnav.png) no-repeat -725px 0;
}
nav.mega-global li:nth-child(6) a:hover {
  background: url(../../images/gnav/gnav_hv.png) no-repeat -725px 0;
}
nav.mega-global li:last-child a {
  background: url(../../images/gnav/gnav.png) no-repeat -870px 0;
}
nav.mega-global li:last-child a:hover {
  background: url(../../images/gnav/gnav_hv.png) no-repeat -870px 0;
}

nav.mega-global li:hover {
  position: relative;
}
nav.mega-global li:hover > div.mega-global {
  display: block;
}
nav.mega-global li:first-child a {
  width: 25px;
}
nav.mega-global li:first-child a:hover {
  width: 25px;
}
nav.mega-global li:nth-child(2) a {
  width: 185px;
}
nav.mega-global li:nth-child(2) a:hover {
  width: 185px;
}
nav.mega-global li:nth-child(3) a {
  width: 225px;
}
nav.mega-global li:nth-child(3) a:hover {
  width: 225px;
}
nav.mega-global li:nth-child(4) a {
  width: 135px;
}
nav.mega-global li:nth-child(4) a:hover {
  width: 135px;
}
nav.mega-global li:nth-child(5) a {
  width: 150px;
}
nav.mega-global li:nth-child(5) a:hover {
  width: 150px;
}
nav.mega-global li:nth-child(6) a {
  width: 145px;
}
nav.mega-global li:nth-child(6) a:hover {
  width: 145px;
}
nav.mega-global li:last-child a {
  width: 130px;
}
nav.mega-global li:last-child a:hover {
  width: 130px;
}

/* -----------------------------------------------------------
中ページ
----------------------------------------------------------- */
/* ----- 下線 ----- */
hr {
  border-bottom-color: #fff;
  border-top-color: #fafafa;
}

/* -----------------------------------------------------------
画像
----------------------------------------------------------- */
.content .img_s img {
  border-color: #ccc;
}
.content .box img {
  border-color: #ccc;
}

.content h1 {
  background: url(../../images/content/h1_bg.png) no-repeat;
  color: #333333;
}
.content h2 {
  background: url(../../images/content/h2_bg.png) no-repeat;
  color: #333333;
}
.content h3 {
  border-bottom-color: #ccc;
  border-left-color: #65b6b8;
}
.content h4 {
  border-bottom-color: #ccc;
  border-left-color: #847d77;
}
.content a {
  color: #b4292f;
}
.content a:hover {
  color: #7f9ed8;
}

/* ----- テキストカラー ----- */
.t_co0 {
  color: #bf0116;
}

.t_co1 {
  color: #6888d3;
}

.t_co2 {
  color: #2a28ae;
}

.t_co3 {
  color: #0fa686;
}

.t_co4 {
  color: #fe84ee;
}

.t_co5 {
  color: #724587;
}

.t_co6 {
  color: #593814;
}

.t_co7 {
  color: #d1c010;
}

.t_co8 {
  color: #c2aa28;
}

.t_co9 {
  color: #ed5925;
}

/* ----- テキストボーダー ----- */
.t_b {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #f0e93a)) repeat scroll 0 0;
  background: linear-gradient(transparent 50%, #f0e93a 50%) repeat scroll 0 0;
}

/* ----- 強調 ----- */
strong {
  color: #ed5925;
}

/* -----------------------------------------------------------
テキスト装飾
----------------------------------------------------------- */
/* -- カウント（背景なし） -- */
.cn_r .count {
  color: #333;
}
.cn_r .count::before {
  color: #d8bfa7;
}

/* -- カウント（背景あり） -- */
.cn_r_b .count {
  color: #fff;
}
.cn_r_b .count::before {
  color: #d8bfa7;
  background: #fff;
  border-color: #fff;
}

/* -- アイコン -- */
.i_a:after {
  color: #d8bfa7;
  content: " \f00c";
  font-family: FontAwesome;
}

.i_b:before {
  color: #d8bfa7;
  content: " \f00c";
  font-family: FontAwesome;
}

.i_li li:before {
  color: #d8bfa7;
  content: " \f00c";
  font-family: FontAwesome;
}

/* -- アイコンタイプ -- */
.icon1-b:before {
  content: " \f00c";
}

.icon2-b:before {
  content: " \f10c";
}

.icon3-b:before {
  content: " \f105";
}

.icon4-b:before {
  content: " \f104";
}

.icon5-b:before {
  content: " \f106";
}

.icon6-b:before {
  content: " \f107";
}

.icon7-b:before {
  content: " \f071";
}

.icon8-b:before {
  content: " \f05d";
}

.icon9-b:before {
  content: " \f00d";
}

.icon1-a:after {
  content: " \f00c";
}

.icon2-a:after {
  content: " \f10c";
}

.icon3-a:after {
  content: " \f105";
}

.icon4-a:after {
  content: " \f104";
}

.icon5-a:after {
  content: " \f106";
}

.icon6-a:after {
  content: " \f107";
}

.icon7-a:after {
  content: " \f071";
}

.icon8-a:after {
  content: " \f05d";
}

.icon9-a:after {
  content: " \f00d";
}

.icon1-li li:before {
  content: " \f00c";
}

.icon2-li li:before {
  content: " \f10c";
}

.icon3-li li:before {
  content: " \f105";
}

.icon4-li li:before {
  content: " \f104";
}

.icon5-li li:before {
  content: " \f106";
}

.icon6-li li:before {
  content: " \f107";
}

.icon7-li li:before {
  content: " \f071";
}

.icon8-li li:before {
  content: " \f05d";
}

.icon9-li li:before {
  content: " \f00d";
}

/* -- アイコンカラー -- */
.i_co0:before {
  color: #bf0116;
}

.i_co1:before {
  color: #6888d3;
}

.i_co2:before {
  color: #2a28ae;
}

.i_co3:before {
  color: #0fa686;
}

.i_co4:before {
  color: #fe84ee;
}

.i_co5:before {
  color: #724587;
}

.i_co6:before {
  color: #593814;
}

.i_co7:before {
  color: #d1c010;
}

.i_co8:before {
  color: #c2aa28;
}

.i_co9:before {
  color: #ed5925;
}

.i_co0:after {
  color: #bf0116;
}

.i_co1:after {
  color: #6888d3;
}

.i_co2:after {
  color: #2a28ae;
}

.i_co3:after {
  color: #0fa686;
}

.i_co4:after {
  color: #fe84ee;
}

.i_co5:after {
  color: #724587;
}

.i_co6:after {
  color: #593814;
}

.i_co7:after {
  color: #d1c010;
}

.i_co8:after {
  color: #c2aa28;
}

.i_co9:after {
  color: #ed5925;
}

.i_co0 li:before {
  color: #bf0116;
}

.i_co1 li:before {
  color: #6888d3;
}

.i_co2 li:before {
  color: #2a28ae;
}

.i_co3 li:before {
  color: #0fa686;
}

.i_co4 li:before {
  color: #fe84ee;
}

.i_co5 li:before {
  color: #724587;
}

.i_co6 li:before {
  color: #593814;
}

.i_co7 li:before {
  color: #d1c010;
}

.i_co8 li:before {
  color: #c2aa28;
}

.i_co9 li:before {
  color: #ed5925;
}

/* -----------------------------------------------------------
BOX
----------------------------------------------------------- */
/* -- 枠・背景無しBOX -- */
.l01_box h3 {
  border-bottom-color: #ccc;
}

.l02_box h3 {
  border-color: #65b6b8;
}

.l03_box h3 {
  border-color: #65b6b8;
}

.l04_box h3 {
  border-color: #65b6b8;
}

/* -- スマホ横並び2LINE -- */
/* -- 枠・背景ありBOX -- */
.l01_box_b .box {
  background-color: #f4f6f9;
}
.l01_box_b h3 {
  border-bottom-color: #ccc;
}

.l01_box_b0 .box {
  border-color: #ccc;
  background-color: #f4f6f9;
}
.l01_box_b0 h3 {
  border-color: #65b6b8;
}

.l03_box_b .box {
  border-color: #ccc;
  background-color: #f4f6f9;
}
.l03_box_b h3 {
  border-color: #65b6b8;
}

.l04_box_b .box {
  border-color: #ccc;
  background-color: #f4f6f9;
}
.l04_box_b h3 {
  border-color: #65b6b8;
}

/* -- BOX色 -- */
.box_c0 .box {
  border-color: #bf0116 !important;
  background-color: #fffcfc !important;
}
.box_c0 .box h3 {
  color: #bf0116;
  border-color: #bf0116;
}
.box_c0 .box h4 {
  color: #bf0116;
  border-color: #bf0116;
}

.box_c1 .box {
  border-color: #6888d3 !important;
  background-color: #f9fafd !important;
}
.box_c1 .box h3 {
  color: #6888d3;
  border-color: #6888d3;
}
.box_c1 .box h4 {
  color: #6888d3;
  border-color: #6888d3;
}

.box_c2 .box {
  border-color: #2a28ae !important;
  background-color: #deddf7 !important;
}
.box_c2 .box h3 {
  color: #2a28ae;
  border-color: #2a28ae;
}
.box_c2 .box h4 {
  color: #2a28ae;
  border-color: #2a28ae;
}

.box_c3 .box {
  border-color: #0fa686 !important;
  background-color: #f2fffc !important;
}
.box_c3 .box h3 {
  color: #0fa686;
  border-color: #0fa686;
}
.box_c3 .box h4 {
  color: #0fa686;
  border-color: #0fa686;
}

.box_c4 .box {
  border-color: #fe84ee !important;
  background-color: #fefbfd !important;
}
.box_c4 .box h3 {
  color: #fe84ee;
  border-color: #fe84ee;
}
.box_c4 .box h4 {
  color: #fe84ee;
  border-color: #fe84ee;
}

.box_c5 .box {
  border-color: #724587 !important;
  background-color: #f5f0f9 !important;
}
.box_c5 .box h3 {
  color: #724587;
  border-color: #724587;
}
.box_c5 .box h4 {
  color: #724587;
  border-color: #724587;
}

.box_c6 .box {
  border-color: #593814 !important;
  background-color: #fff9f1 !important;
}
.box_c6 .box h3 {
  color: #593814;
  border-color: #593814;
}
.box_c6 .box h4 {
  color: #593814;
  border-color: #593814;
}

.box_c7 .box {
  border-color: #d1c010 !important;
  background-color: #fefdf6 !important;
}
.box_c7 .box h3 {
  color: #d1c010;
  border-color: #d1c010;
}
.box_c7 .box h4 {
  color: #d1c010;
  border-color: #d1c010;
}

.box_c8 .box {
  border-color: #c2aa28 !important;
  background-color: #f5f0d1 !important;
}
.box_c8 .box h3 {
  color: #c2aa28;
  border-color: #c2aa28;
}
.box_c8 .box h4 {
  color: #c2aa28;
  border-color: #c2aa28;
}

.box_c9 .box {
  border-color: #ed5925 !important;
  background-color: #fef8f5 !important;
}
.box_c9 .box h3 {
  color: #ed5925;
  border-color: #ed5925;
}
.box_c9 .box h4 {
  color: #ed5925;
  border-color: #ed5925;
}

/* -----------------------------------------------------------
BOX装飾
----------------------------------------------------------- */
/* -- BOX-IMG付き -- */
.box_i1 {
  background: url(../../images/content/point01_1.png) no-repeat right 10px top 85px;
}
.box_i1 h3 {
  color: #65b6b8;
}

.box_i2 {
  background: url(../../images/content/point01_1.png) no-repeat right 10px top 100px;
}
.box_i2 h3 {
  color: #65b6b8;
}

.box_i3 {
  background: url(../../images/content/point01_1.png) no-repeat right 10px top 20px;
}
.box_i3 h3 {
  color: #65b6b8;
}

/* -- ポイントボックス -- */
.p_box .box::before {
  background-color: #fff;
  color: #bf0116;
}
.p_box .box {
  border-color: #bf0116;
}

/* -- 症例ボックス -- */
/* -- 2Lineboxパターン -- */
.l02_box_b .box,
.l02_box_b0 .box {
  border-color: #ccc;
  background-color: #f4f6f9;
}
.l02_box_b h3,
.l02_box_b0 h3 {
  border-color: #65b6b8;
}

.l02_box_b1 .box {
  background-color: #f4f6f9;
}
.l02_box_b1 h3 {
  background-color: #65b6b8;
  color: #fff;
}

.l02_box_b2 .box {
  background-color: #f4f6f9;
}
.l02_box_b2 h3 {
  background-color: #65b6b8;
  color: #fff;
}

/* -----------------------------------------------------------
メニューBOX
----------------------------------------------------------- */
/* ----- メニューボックス（2LINE） ----- */
.menu-box .box {
  border-color: #ccc;
}
.menu-box .box:hover {
  background-color: #f4f6f9;
  border-color: #65b6b8;
}
.menu-box .box .box2 .menu-btn {
  background-color: #847d77;
  color: #fff;
}

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
.btn_1 {
  background-color: #847d77;
  border-color: #847d77;
  color: #fff !important;
}
.btn_1:hover {
  background-color: #fff;
  color: #847d77 !important;
}
.btn_1:hover::before {
  background-color: #847d77;
}
.btn_1:hover::after {
  background-color: #847d77;
}

.btn_1::before {
  background-color: #847d77;
}

.btn_1::after {
  background-color: #847d77;
}

/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
/* ----- テーブル ----- */
th {
  border-color: #ccc;
}

td {
  border-color: #ccc;
}

/* ----- アクセステーブル（アクセス/access） ----- */
.table_ac th {
  background-color: #f4f6f9;
}

/* ----- 治療費テーブル（治療費一覧/fee） ----- */
.table_fee th {
  background-color: #ccc;
}

/* -----------------------------------------------------------
Q&A
----------------------------------------------------------- */
.faq h3::before {
  color: #fff;
  background-color: #000;
}
.faq p {
  background-color: #f4f6f9;
}
.faq p::before {
  color: #fff;
  background-color: #65b6b8;
}

/* -----------------------------------------------------------
ブログ・症例ページ
----------------------------------------------------------- */
/* ----- サイドバー ----- */
.blog-side {
  background-color: #f4f6f9;
  border-color: #ccc;
}

ul.archive_box li {
  border-bottom-color: #6f6f6f !important;
}
ul.archive_box li a {
  color: #b4292f;
}
ul.archive_box li a:hover {
  color: #7f9ed8;
}
ul.archive_box li.header {
  color: #ed5925;
}

/* ----- ブログ・症例一覧ページ ----- */
/* ----- ブログシングルページ ----- */
.post_inner {
  border-bottom-color: #ccc;
}

/* ----- 新着情報一覧ページ ----- */
dl.news-archive dt {
  border-bottom-color: #ccc;
}
dl.news-archive dd {
  border-bottom-color: #ccc;
}

/* -----------------------------------------------------------
Pagenation
----------------------------------------------------------- */
.single_pn {
  background-color: #f4f6f9;
  border-color: #ccc;
}

/* -----------------------------------------------------------
コンタクトフォーム
----------------------------------------------------------- */
.contactform h1 {
  border-bottom-color: #ccc;
  border-left-color: #65b6b8;
}
.contactform input {
  border-color: rgba(0, 0, 0, 0.3);
}
.contactform select {
  border-color: rgba(0, 0, 0, 0.3);
}
.contactform textarea {
  border-color: rgba(0, 0, 0, 0.3);
}
.contactform .table01 {
  border-color: #ccc;
}
.contactform tr {
  border-bottom-color: #ccc !important;
}
.contactform th {
  background-color: #f4f6f9;
}
.contactform a {
  color: #b4292f;
}
.contactform a:hover {
  color: #7f9ed8;
}

.m-alert {
  background-color: #bf0116;
  color: #fff;
}

input[type=submit] {
  background-color: #f4f6f9;
  border-color: #ccc;
}