@charset "utf-8";


html ,
body ,
header {
  color:#000;
  background: #fff;
}

a.link {
	color:#00A4E2;
}
a.link:hover {
	color:crimson;
}

a:hover,a:active{
	background:rgba(255,255,255,0.2);
}

/* リンクタイプ別にアイコンを設定 */
a[href$=".pdf"] ,
a[href$=".zip"] ,
a[href$=".doc"] ,
a[href$=".docx"] ,
a[href$=".xls"] ,
a[href$=".xlsx"] ,
a[href$=".ppt"] ,
a[href$=".pptx"] ,
a[href$=".txt"] ,
a[href^="mailto:"] {
    color:#33A1CB ! important;
    border-bottom:2px dotted #33A1CB;
}

a.link_icon {
    border-bottom:2px dotted #33A1CB;
}
a.link_icon:hover ,
a.link_icon:hover::after ,
a.link_icon:active ,
a.link_icon:active::after {
	color:crimson;
    border-bottom:2px dotted crimson;
}

a[href$=".pdf"]::after,
a[href$=".zip"]::after,
a[href$=".doc"]::after,
a[href$=".docx"]::after,
a[href$=".xls"]::after,
a[href$=".xlsx"]::after,
a[href$=".ppt"]::after,
a[href$=".pptx"]::after,
a[href$=".txt"]::after,
a[href^="mailto:"]::after{
	color:#33A1CB;
}

/*  target="_blank"  rel="nofollow"　のリンクに設定  */
a[target=_blank][rel=nofollow] ,
a[target=_blank][rel=nofollow]::after {
  color:#33A1CB ! important;
}
a[target=_blank][rel=nofollow]:hover ,
a[target=_blank][rel=nofollow]:active {
  color:crimson ! important;
  border-bottom:2px dotted crimson;
}
a[target=_blank][rel=nofollow]:hover::after ,
a[target=_blank][rel=nofollow]:active::after {
	color:crimson ! important;
}

/* 
　電話とFAXのアイコン表示用
*/
.tel .fas,
.fax .fas {
    color:#0B277C ! important;
}
.tel a {
	color:#000;
}
.tel a:hover ,
.tel a:active {
	color:crimson;
}

/* 
　blockquote　引用
*/
q::before ,
q::after {
    color:#808080 ! important;
}
blockquote {
    background: #efefef;
    color: #555;
}
blockquote:before{
    color: #cfcfcf;
}
blockquote cite {
    color: #888888;
}


::placeholder {
  color: #92ACC9;
}
/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #92ACC9;
}
/* IE対応 */
:-ms-input-placeholder {
  color: #92ACC9;
}

/*-------------------------------------------------------------
	文字装飾
-------------------------------------------------------------*/
.red{ color:#f00; } /* 赤文字 */
.green{ color:#3e9f38; } /* 緑文字 */
.blue {color:#003cff;}	/* 青文字 */
.orange{ color:#FFDE83; } /* オレンジ文字 */
.dark_orange{ color:#D9A004; } /* 暗めのオレンジ文字 */

/*-------------------------------------------------------------
	背景色
-------------------------------------------------------------*/
.bg01 {background-color:#F8FBFC;}
.bg02 {background-color:#ECF3F5;}
.bg03 {background-color:#FFFEFC;}
.bg04 {background-color:#F8F2E0;}
.bg05 {background-color:#FCFFFE;}
.bg06 {background-color:#D6F5EA;}


/*-------------------------------------------------------------
* マーカー（細めの蛍光ペン、グラデーションあり） *
-------------------------------------------------------------*/
.marker_red {
	background: linear-gradient(#fff 70%, #FADBDA 0%);
}
.marker_orange {
	background: linear-gradient(#fff 70%, #FFDE83 0%);
}
.marker_blue {
	background: linear-gradient(#fff 70%, #B8D3F1 0%);
}

.marker_red2 {
	background: linear-gradient(#fff 50%, #FADBDA 0%);
}
.marker_orange2 {
	background: linear-gradient(#fff 50%, #FFDE83 0%);
}
.marker_blue2 {
	background: linear-gradient(#fff 50%, #B8D3F1 0%);
}

/*************************************
* グラデーション
*************************************/
.gradient_type01 {
	background: linear-gradient(rgba(178,203,228,0.3),transparent);
}


/**************************************************************
* チェックボックス　お問い合わせ
**************************************************************/
.checkbox01::before {
    background: #fff;
    border: 1px solid #ccc;
}
.checkbox01::after {
    border-right: 6px solid #00cccc;
    border-bottom: 8px solid #00cccc;
}
input[type=checkbox].agreement:checked + .checkbox01::before {
    border-color: #666;
}

/*-------------------------------------------------------------
  スマホメニュー
-------------------------------------------------------------*/
.menu__line{
    background: #00A4E2;
}

/* gnav -------------------------------- */
.gnav{
    background: rgba(230,240,243,0.95);
}

.gnav__menu__item{
	border-top:1px solid #92ACC9;
}
.gnav__menu__item:last-of-type {
	border-bottom:1px solid #92ACC9;
}

.gnav__menu__item a:hover {
    background:rgba(255,255,255,0.);
}
.gnav__menu__item i.fa-angle-right {
	color:#000;
}

.gnav_address .info_contact {
	color: #fff ;
	background: royalblue 0% 0% no-repeat padding-box;
}
.gnav_address  .info_address i.fa-phone-square {
	color:#33A1CB ! important;
}

@media screen and (max-width: 499px) {
  .gnav__menu__item a:active {
      background:rgba(25,255,55,0.1);
  }
}


/*************************************************************
*
* ボタン
*
*************************************************************/
/*************************************
* btn_type1
*************************************/
.btn_type01 {
	color:#fff;
	background:#33A1CB;
}
.btn_type01:hover {
  backrgound-color:#33A1CB;
}
/*************************************
* btn_type2
*************************************/
.btn_type02 {
	color:#fff;
	background:#33A1CB;
}
.btn_type02:hover {
  backrgound-color:#33A1CB;
}

/*************************************
* Sサイズボタン
*************************************/
.btn_s {
	color:#fff;
	background:#33A1CB;
}
/*************************************
* Mサイズボタン
*************************************/
.btn_m {
	color:#fff;
	background:#33A1CB;
}

/*************************************
* Lサイズボタン
*************************************/
.btn_l {
	color:#fff;
	background:#33A1CB;
}


/*************************************
* ボタンカラー
*************************************/
.sub_color {
	background-color: #98D2E8;
	color:#00A4E2;
}
.acc_color {
	background-color: #F6BA15;
}
.acc_color2 {
	background-color: #F62415;
}

/**************************************************************
*
* ボックス
*
**************************************************************/
/*  色付きフレーム	*/
.frame_01 {
	border:5px solid #D3E6FB;
}
.frame_02 {
	border:5px solid #F0E5C3;
}
.frame_03 {
	border:5px solid #BDF1DE;
}

/*************************************
* Q & A
*************************************/
.q_a {
	border: 5px solid #F8F2E0;
}
.q_a h3 {
	background:#F8F2E0;
}

/*************************************
* 上イメージ＋下テキスト　横に2個並ぶ
*************************************/
.box_2 h3 {
	color:#0B277C;
}

/**************************************************************
* Topページ 当院の特徴　など
**************************************************************/
.features [class*="item_"] {
	border:1px solid #92ACC9;
}

.features .item_1 .txt_box {	
	background:#FEFCF6;
}
.features .item_1 .txt_box h3 ,
.features .item_1 .txt_box p {	
	color:#886A10;
}

.features .item_2 .txt_box {	
	background:#F6FEFB;
}
.features .item_2 .txt_box h3 ,
.features .item_2 .txt_box p {	
	color:#056E47;
}

.features .item_3 .txt_box {	
	background:#F6F8FE;
}
.features .item_3 .txt_box h3 ,
.features .item_3 .txt_box p {	
	color:#0B277C;
}


/**************************************************************
* Topページ　リンクセクションなど
**************************************************************/
.link_box  {
	border:1px solid #92ACC9;
}


/**************************************************************
*
* テーブル
*
**************************************************************/
/*************************************
* テーブル１　外来診察予定表
*************************************/
.schedule_type01 thead {
	background:#0B277C;
}
.schedule_type01 tbody tr {
	border-bottom:1px solid #0B277C;
}
.schedule_type01 th {
	color:#fff;
}
.schedule_type01 td {
	border-left:1px solid #dcdcdc;
}
.schedule_type01 td:nth-of-type(1) {
	border-left:none;
}

/*************************************
* テーブル	type01
*************************************/
table.type01 th {
	background: #C1D8DF;
}
table.type01 td {
	border:1px solid #C1D8DF;
}

/*************************************
* テーブル	type02
*************************************/
table.type02 td, table.type02 th {
	border:1px solid #C1D8DF;
}
table.type02 th {
	background-color: #C1D8DF;
}

/*************************************
* テーブル	風 dl
*************************************/
dl.recruit_table dt {
	background:#FEFCF6;
	border-top:1px solid #92ACC9;
	border-left:1px solid #92ACC9;
}
dl.recruit_table dd {
	border:1px solid #92ACC9;
	border-bottom:none;
}
dl.recruit_table dt:last-of-type ,
dl.recruit_table dd:last-of-type {
	border-bottom:1px solid #92ACC9;
}

@media screen and (max-width: 768px) {
	dl.recruit_table dt {
		border:1px solid #92ACC9;
		border-bottom:none;
	}
	dl.recruit_table dd {
		border:1px solid #92ACC9;
		border-bottom:none;
	}
	dl.recruit_table dt:last-of-type {
		border-bottom:none;
	}
	dl.recruit_table dd:last-of-type {
		border-bottom:1px solid #92ACC9;
	}
}


/*************************************
* お問い合わせ dl
*************************************/
dl.contact_table .acc_color2 {
	color:#fff;
}
dl.contact_table input {
	border:1px solid #C1D8DF;
}
dl.contact_table textarea {
	border:1px solid #C1D8DF;
}

dl.contact_table dt {
	background:#C1D8DF;
}

/**************************************************************
*
* リスト
*
**************************************************************/
/*************************************
* リスト　type01
*************************************/
ul.type01 li {
	color: #232323;
}
ul.type01 li::before {
	background:#92ACC9;
}

/*************************************
* 丸付き数字付きリスト　type03
*************************************/
ol.type03 li::after {
	background:#D2DDEA;
}

/**************************************************************
*
* パンくず
*
**************************************************************/
#breadcrumb ul li a {
	color:#00A4E2;
}
#breadcrumb ul li a:after {
	color:#000;
}

/*************************************************************
*
* 見出し
*
*************************************************************/
/*************************************
* 見出し１
*************************************/
.headline_type1 span {
	border-bottom: solid 15px #00A4E2;
}

/*************************************
* 見出し2
*************************************/
.headline_type2 {
  border-left:15px solid #00A4E2; 
}
/*************************************
* 見出し3
*************************************/
.headline_type3 {
	color:#0B277C;
}

/*************************************
* 見出し4
*************************************/
.headline_type4 {
	color:#232323;
}
  

/**************************************************************
*
* ヘッダー
*
**************************************************************/
header .h_top .info_area .info_contact {
	color:#fff;
	background: royalblue 0% 0% no-repeat padding-box;
}
header .h_top .info_area .info_address i.fa-phone-square {
	color:#33A1CB ! important;
}


/**************************************************************
*
*ナビゲーション
*
**************************************************************/
.global {
	background: #E6F0F3 0% 0% no-repeat padding-box;
}
.global_menu {
	background: #E6F0F3 0% 0% no-repeat padding-box;
}
.global_menu ul.flex > li {
	color: #232323;
	border-left:1px solid #92ACC9;
}
.global_menu ul.flex > li:after {
  background-color: #00A4E2;
}
.global_menu ul.flex > li:last-of-type {
	border-right:1px solid #92ACC9;
}
.global_menu ul.flex > li.active:before {
  background-color: #00A4E2;
}
.global_menu ul.flex > li:hover:after {
  background-color: #00A4E2;
}
.global_menu .submenu div {
	background: #E6F0F3 0% 0% no-repeat padding-box;
}
.global_menu ul.flex .submenu div ul li a:hover {
	border-bottom:2px solid #00A4E2;
}


/**************************************************************
*
* フッター
*
**************************************************************/
#site_footer {
	background:#F8FBFC;
}
.copyright {
	background:#ECF3F5;
}

/* トップに戻るボタン */
.back-to-top {
	border:1px solid #fff;
	background:#33A1CB;
	filter: drop-shadow(3px 3px 7px rgba(0,0,0,0.2));
}
.back-to-top:active {
	background:#33A1CB;
	background:#33A1CB;
}
.back-to-top:hover {
	background:royalblue;
}
.back-to-top i {
	color:#fff;
}

/**************************************************************
* Google Map
**************************************************************/
.g_map {
	background:#E6F0F3;
}


/**************************************************************
*
* 下層ページ
*
**************************************************************/

/**************************************************************
* first	はじめての方へ
**************************************************************/
.first h3 {
	color:#0B277C;
}


/**************************************************************
* first	ドクター紹介
**************************************************************/
.dr .dr_name  {
	border-bottom:1px solid #33A1CB;
}
.dr .dr_name h3 {
	color:#0B277C;
}
.dr dl dt {
	color:#0B277C;
}

/**************************************************************
* first	診療のながれ
**************************************************************/
.flow_box {
	border: 5px solid #81C7DB;
}
.flow_box h3 {
	color:#0B277C;
	background: #E6F0F3 0% 0% no-repeat padding-box;
}
.flow_box .txt_box ul {
	background: #FEFCF6 0% 0% no-repeat padding-box;
}
.flow_box .txt_box ul li {
 /* color: #232323; */
}
.flow_box .txt_box ul li::before {
	background:#92ACC9;
}
.tri:before {
	border: 82px solid transparent;
	border-top: 54px solid #81C7DB;
}
/*-------------------------------------------------------------
	横スクロール汎用
-------------------------------------------------------------*/
@media screen and (max-width: 999px){
	.scroll_x::-webkit-scrollbar-track {
	 	background: #F1F1F1;
	}
	.scroll_x::-webkit-scrollbar-thumb {
	 	background: #BCBCBC;
	}
}


/**************************************************************
*
* トップページ
*
**************************************************************/
.slogan {
	color:#fff;
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));
}

.top_news {
	background:#E6F0F3;
}
.news_box {
	background:#fff;
}
.news_box dl dt ,
.news_box dl dd {
	border-bottom:1px solid #92ACC9;
}

.philosophy h3 {
	color:#0B277C;
}

/* 表示幅変更用ボタン */
li.c_width{
	background:#92ACC9;
}
@media screen and (max-width: 499px){
	.news_box dl dt {
		border:none;
	}
}

/**************************************************************
* 診療科目
**************************************************************/
.tabs {
  background-color: #fff;
}
/*タブのスタイル*/
.tab_item {
  	border-bottom: 3px solid #00A4E2;
  	background-color: #E6F0F3;
	border-right:1px #dcdcdc solid;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #00A4E2;
  color: #fff;
}



/*************************************************************
*
* Wordpress テーマ 「tp01_wp_theme」 用
*
*************************************************************/

/************************************
* サイド用リスト
************************************/
.block_side div {
	border:5px solid #F0E5C3;
}
.block_side ul.type01 li::before {
	background:#B5A66C;
}


/************************************
* 新着(newest)
************************************/
.newest article {
  border-bottom: #0B277C 1px solid;
  border-left: #0B277C 1px solid;
  border-right: #0B277C 1px solid;
}
.newest article:hover {
}
.newest time {
  color: #000;
}

.newest .box_category {
  color: #fff;
}
.newest article .title {
  color: #000;
}

/*******************************************************
/*
/*blog一覧
/*
/******************************************************/
.box_bloglist {
	background:#fff;
}

/******************************
/* カテゴリ部分
/*****************************/
.box_bloglist .box_category a  {
  background-color: #231711;
  color: #fff;
}


/******************************
/* 見出し部分
/*****************************/
.box_bloglist .headline {
  background-color: #F8F2E0;
  color: #000;
}

/******************************
/* 抜粋分
/*****************************/
.box_bloglist .text .more {
  color: #0069E2;
}
.post_box {
  border: 1px solid #cac6cc;
}
.post_attr .more {
  color: #0069E2;
}
.post_attr .tag a {
  color: #33A1CB;
}

/*******************************************************
/*
/*blog_detail（記事ページ）
/*
/******************************************************/

/******************************
/* 見出し部分
/*****************************/
.column_main .headline ,
.blog.detail .column_main .headline {
  background-color: #F8F2E0;
  color: #000;
}

/******************************
/* カテゴリ部分
/*****************************/
.column_main .box_category a ,
.blog.detail .column_main .box_category a {
  background-color: #231711;
  color: #fff;
}


.blog_detail .post_txt h3 {
  color: #fff;
  background-color: #5AC1C6;
}
.blog_detail .post_txt h3::after {
  background-color: #c3e8ea;
}
.blog_detail .post_txt h4 {
  border-bottom: 4px solid #5AC1C6;
  color: #333;
}


/*******************************************************
/* タグ(tag）現状、タグは未実装
/******************************************************/
.detail main .tag {
  border: #231711 1px solid;
}
.detail main .tag li i {
  color: #094;
}
.blog_detail .post_txt .writer {
  border: 1px solid #989898;
}
@media screen and (max-width: 768px) {
  .popular_posts_box {
    border-bottom: 1px solid #cac6cc;
  }
}


/*******************************************************
/*
/* pager（ページャー）
/*
/******************************************************/
/*******************************************************
/* 一覧(.pager_container)
/******************************************************/
ul.pager_list li.pager_item {
  	background-color: #98D2E8;
}

/*******************************************************
/* 記事ページ(.detail)
/******************************************************/
.detail .pager .item {
  background-color: #E6F0F3;
  color: #0B277C;
}
.detail .pager .item i {
  color: #0B277C;
}
.detail .pager .item.center {
  color:#fff;
  background-color: #0B277C;
}

/************************************
* カテゴリ表示ラベル等　色設定
************************************/
/*  カテゴリ　お知らせ  */
.category_list a.info ,
.column_side .newest .box_category.info ,
.box_bloglist .box_category.info a ,
.column_main .box_category.info a ,
.blog.detail .column_main .box_category.info a {
  background-color: #395FD3;
}
/*  カテゴリ　外来について  */
.category_list a.outpatient ,
.column_side .newest .box_category.outpatient ,
.box_bloglist .box_category.outpatient a ,
.column_main .box_category.outpatient a ,
.blog.detail .column_main .box_category.outpatient a {
  background-color: #33A1CB;
}
/*  カテゴリ　入院について */
.category_list a.hospitalization ,
.column_side .newest .box_category.hospitalization ,
.box_bloglist .box_category.hospitalization a ,
.column_main .box_category.hospitalization a ,
.blog.detail .column_main .box_category.hospitalization a {
  background-color: #6D26F7;
}
/*  カテゴリ　医療関係者向け  */
.category_list a.medical ,
.column_side .newest .box_category.medical ,
.box_bloglist .box_category.medical a  ,
.column_main .box_category.medical a ,
.blog.detail .column_main .box_category.medical a {
  background-color: #800000;
}
/*  カテゴリ　広報  */
.category_list a.pr ,
.column_side .newest .box_category.pr ,
.box_bloglist .box_category.pr a  ,
.column_main .box_category.pr a ,
.blog.detail .column_main .box_category.pr a {
  background-color: #3cb371;
}

/************************************
* ページャー
************************************/
.detail .pager .item_home.center ,
ul.pagination li.item div {
	background:#33A1CB;
	color:#fff;
}
ul.pagination li.item div a {
	background:#98D2E8;
}
ul.pagination li.item div a.prev ,
ul.pagination li.item div a.next {
   	background:#fff;
	color:#33A1CB;
}


/*************************************************************
*
* Wordpress テーマ 「tp01_wp_theme」 用　ここまで
*
*************************************************************/