@charset "utf-8";

/* テーマ用CSS ver1.02 */

/***********************
 ヘッダー
************************/
/* 背景色 */
header {
    background-color: #FFFFFF;
}

/* ロゴカラー */
header h1#h1-txt a {
    color: #989898;
	font-family: ＤＦＰ太丸ゴシック体;
	font-size: 30px;
	
}

/* ナビタイトル */
/* パターン1 */
.nav-title.pattern1 {
    background-color: #333;
    color: #fff;
}

/* パターン2 */
.nav-title.pattern2 {
    background-color: #999;
    color: #fff;
}

/* パターン2 */
.nav-title.pattern3 {
    background-color: #ccc;
    color: #fff;
}

/* グローバルナビゲーションドロワー */
.drawer-hamburger-icon,
.drawer-hamburger-icon::before,
.drawer-hamburger-icon::after {
    background-color: #777777 !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}

.drawer-hamburger-icon span:after {
    color: #777777 !important;
}

.drawer-nav ul li a[data-icon]::before {
    color: cornflowerblue;
}

.drawer-nav .btn a[data-icon]::before {
    color: #fff;
}

/* CVボタン */
/* アクセス */
#cv-box .h-ac a {
    color: #777777;
}

/* 電話 */
#cv-box .h-tel a {
    color: #fff;
}

/* メール */
#cv-box .h-mail a {
    color: #fff;
}

/***********************
 ページトップ
************************/
/* 背景色 */
#pagetop a {
    /*    background-color: #333;*/
}

/* 文字色 */
#pagetop a[data-icon]::before {
    /*    color: #fff;*/
}

/***********************
 パンくず
************************/
/* 背景色 */
.breadcrumbs {
    background: #f2f2f2;
}

/* 文字色 */
.breadcrumbs a {
    color: #333;
}

/***********************
 コピーライト
************************/
/* 背景色 */
footer small {
    background-color: #FFEA91;
	border-top: 3px solid #FED940;
}

/* 文字色 */
footer small {
    color: #535353;
}

/* フッター */
footer {
        padding-bottom: 3.7rem;
}

/* フッターCV */
footer #f-cv {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    min-width: 320px;
    text-align: center;
}

footer #f-cv li {
    padding: .5rem;
    -webkit-box-shadow: 1px 2px 8px #ccc;
    box-shadow: 1px 2px 8px #ccc;
}

footer #f-cv a {
    color: #fff;
    text-decoration: none;
}

footer .btn {
    width: 100%;
}

/* アイコン色 */
footer .btn a[data-icon]::before {
    color: #fff;
    padding: .25rem 0 .25rem;
}

/* 背景色 */
footer .btn1-1 {
    background-color: rgba(152,208,69,0.95);
    border: 1px solid rgba(110,142,63,0.95);
}

footer .btn1-2 {
    background-color: rgba(62,155,215,0.95);
    border: 1px solid rgba(44,126,179,0.95);
}

footer .btn1-3 {
    background: #d2172b;
    background: -moz-linear-gradient(top,  #d2172b 0%, #650716 100%);
    background: -webkit-linear-gradient(top,  #d2172b 0%,#650716 100%);
    background: linear-gradient(to bottom,  #d2172b 0%,#650716 100%);
    padding: .5rem;
    color: #fff;
}

footer .btn1-4 {
    background-color: #AD8E3A;
}


/***********************
 ドロワーナビ用ボタン
************************/
/* アイコン色 */
.drawer-nav #nav-cv {
    position: relative;
    overflow: hidden;
}

/* 背景色 */
.drawer-nav .btn-tel {
    background-color: lightcoral;
}

.drawer-nav .btn-mail {
    background-color: seagreen;
}

/***********************
 コンテンツボタン
************************/
/* アイコン色 */
#contents .btn a[data-icon]::before {
    color: #fff;
}

/* 背景色 */
#contents .btn1-1 {
    background-color: lightcoral;
}

#contents .btn1-2 {
    background-color: seagreen;
}

#contents .btn1-3 {
    background-color: royalblue;
}

/***********************
 テキストカラー
************************/
/* 赤 */
.txt-red {
    color: lightcoral;
}

/* 青 */
.txt-blue {
    color: darkblue;
}

/* 緑 */
.txt-green {
    color: seagreen;
}

/* 太字 */
.txt-bo {
    font-weight: bold;
}

/* 太字 */
.txt-bo-1 {
    font-weight: bold;
	text-align: center;
}

/* 太字 */
.txt-bo-2 {
    font-weight: bold;
	color: #e5b700;
}

/* 背景カラー */
.txt-bg-color {
    background-color: #fdf0e4;
}

/* トップ診療背景カラー */
.txt2-bg-color {
    background-color: #FFEEA9;
	border: 1px solid #ccb17b;
	padding: 2px;
	margin-bottom: 14px;
}

/* サイトマップ小見出し */
.site-1 {
    font-weight : bold;
	color: #eabb00;
}
/***********************
 コンテンツ
************************/
#contents {
    background-color: #fff;
}

/* h1 */
#contents h1.page-title {
    background-color: #fff1bf;
    font-size: 1.2rem;
    color: #363636;
	border-bottom: 2px solid #ffcd00;
}

/* h2 */
/* パターン1 */
#contents h2.pattern2 {
    background-color: #f6f6f6;
    color: #333;
    position: relative;
}

/* パターン2 */
#contents h2.pattern1 {
    position: relative;
    background-color: transparent;
    color: #333;
}

#contents h2.pattern1::before,
#contents h2.pattern1::after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 5px;
    box-sizing: border-box;
}

#contents h2.pattern1::before {
    top: 0;
    border-top: 2px solid #ffcc00;
    border-bottom: 1px solid #ffcc00;
}

#contents h2.pattern1::after {
    bottom: 0;
    border-top: 1px solid #ffcc00;
    border-bottom: 2px solid #ffcc00;
}

/* パターン3 */
#contents h2.pattern3 {
    background-color: #f6f6f6;
    color: #333;
    position: relative;
}

#contents h2.pattern3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

/* パターン4 */
#contents h2.pattern4 {
    background-attachment: scroll;
	background-image: url(../images/share/01.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1em;
	font-size: 13px;
	letter-spacing: 1px;
	margin-top: 1px;
	line-height: normal;
}

/* h3 */
/* パターン1 */
#contents h3.pattern1 {
    padding: .35rem 0 .25rem .5rem;
    border-bottom: dashed 2px #FFC778;
	margin-top: 10px;
}

/* パターン2 */
#contents h3.pattern2 {
    position: relative;
    padding: .35rem 0 .25rem 1.35rem;
}

#contents h3.pattern2::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    width: 16px;
    height: 16px;
    background-color: #333;
    border-radius: 100%
}

/* パターン3 */
#contents h3.pattern3 {
    position: relative;
    padding: .35rem 0 .25rem 1.35rem;
}

#contents h3.pattern3::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    width: 12px;
    height: 12px;
    background-color: #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* パターン4 */
#contents h3.pattern4 {
    padding: .35rem 0 .25rem .5rem;
    border-left: 5px solid #FFCD00;
	border-bottom: 1px dotted #929292;
	margin-top: 10px;
}

/* パターン5 */
#contents h3.pattern5 {
    padding: .35rem 0 .25rem .5rem;
    border-bottom: dashed 2px #49A637;
	color: #49A637;
}

/* h4 - h6 */
#contents h4.pattern1,
#contents h5.pattern1,
#contents h6.pattern1 {
    background-color: #fff;
    color: #333;
}

/***********************
 table
************************/
/* caption */
/* パターン1 */
table caption.pattern1 {
    position: relative;
    text-align: center;
    margin: .5rem 0;
}

table caption.pattern1 span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5rem;
    padding: 0 1em;
    background-color: #fff;
    text-align: center;
}

table caption.pattern1::before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

/* table */
/* パターン1 */
table.pattern1 tr:nth-child(even) {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

table.pattern1 tr:nth-child(odd) {
    background-color: #eee
}

table.pattern1 tr th,
table.pattern1 tr td {
    text-align: left;
}

/* パターン2 */
table.pattern2 th,
table.pattern2 td {
    border: 1px solid #ccc;
}

table.pattern2 th {
    background-color: #F7F2D0;
}

/* パターン3 */
table.pattern3 tr:nth-child(even) {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

table.pattern3 tr:nth-child(odd) {
    
}

table.pattern3 tr th {
    padding: .25rem .25rem 0;
	background: #F7F2D0;
}

table.pattern3 tr td {
    padding: 0 .25rem .25rem;
}

table.pattern3 tr th,
table.pattern3 tr td {
    display: block;
    text-align: center;
}

/***********************
 ul
************************/

/* パターン1 */
ul.pattern1 li {
    line-height: 1;
}

ul.pattern1 li a {
    position: relative;
    display: block;
    padding: .75rem 1rem 1rem .5rem;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
}

ul.pattern1 li a::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -8px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/***********************
 #news
************************/
#news ul li {
	font-size: 92%;
	padding: .5rem 0 1rem;
}

#news ul li:not(:last-of-type) {
    border-bottom: 1px solid #dedede;	
}

/***********************
 トップナビ（タイル）
************************/
nav.t-nav ul a {
    display: block;
    color: #fff;
    background-color: #7CC9F3;
    text-decoration: none;
}

nav.t-nav ul a span {
    display: block;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .75rem;
    max-width: 9em;
    text-align: center;
    margin: 0 auto;
    padding: .25rem;
}

/***********************
 googleマップ ※カラー変更
************************/
/* hue-rotate(140deg) */
.google_map iframe.pattern1 {
    filter: hue-rotate(140deg);
    -webkit-filter: hue-rotate(140deg);
}

/* hue-rotate(330deg) */
.google_map iframe.pattern2 {
    filter: hue-rotate(330deg);
    -webkit-filter: hue-rotate(330deg);
}

/* grayscale(100%) */
.google_map iframe.pattern3 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

/***********************
 マイクロメリット
************************/
dl.merit dt {
	color: #006699;
	font-weight: bold;
	border-bottom: dotted 1px #6B6B6B;
	margin-bottom: 10px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	line-height: 1.2em;
	
}

dl.merit dd {
	padding-bottom: 5px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	line-height: 1.5em;
}

.kon-yello {
	margin-top: 10px;
	padding : 5px;
	background: #FFF9DF;
	border: 1px solid #D3A901;
}

.kon-yello-2 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding : 5px;
	background: #FFEC9D;
}

.kon-green {
	margin-top: 10px;
	margin-bottom: 10px;
	padding : 5px;
	background: #F2F9E7;
}

.nayami {
    background: #F0EBE8;
    padding: 0.1em 0.5em;
    border: solid 1px gray;
}

.nayami-1 {
    border-bottom: solid 1px gray;
}

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

.hikaku td{
	font-size: 10px;
	border: 1px solid #e0e0e0;
}

.hikaku td.a2 {
	font-size: 10px;
	background: #F4F4F4;
}

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

.ryoukin th{
	border: 1px solid #e0e0e0;
	font-size: 13px;
	background: #FFF6EA;
	color: #A66200;
}

.ryoukin td{
	font-size: 14px;
	border: 1px solid #e0e0e0;
	text-align: right
}

dl.youto dt {
	background: #F5F0BC;
	font-weight: bold;
	border-bottom: 2px solid #FFCC00;
	border-top: 2px solid #FFCC00;
	margin-bottom: 10px;
	padding: 8px 5px 5px 5px;
	letter-spacing: 1px;
	line-height: 1.2em;
	
}

dl.youto dd {
	padding-bottom: 5px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	line-height: 1.5em;
}

.face {
	border: dotted 1px #BCBCBC;
	margin: 10px 0px;
	text-align: center !important;
}

/***********************
 院長紹介
************************/

.syoukai ul {
	padding: 10px 2px;
}

.syoukai li {
	padding-top: 7px;
	border-bottom: dotted 1px #BCBCBC;
}

/***********************
 各種装飾
************************/
.mb-10 {
	margin-bottom: 10px;
}

.fb-wrap{
    width: 90%;
    text-align: center !important;
    margin: 0 auto 10px auto !important;
}

.fb-page {
    /* margin: 0 auto !important; */
}


/* カレンダーボタン */
.bt-01 a {
	letter-spacing: 3px;
	text-decoration: none;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 380px;
    padding: 10px 15px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background-color: #B0B0B0;
}
.bt-01 a:hover {
    background-color: #D0D0D0;
}