@charset "UTF-8";

/*==========================================================================

00. common
01. implant(インプラント)
02. denture(入れ歯)
03. esthetic(審美セラミック治療)
04. whitening(ホワイトニング)
05. caries(虫歯・抜歯)
06. perio(歯周病)
07. prevent(歯のメンテナンス)
08. kids(小児歯科)
09. correct(矯正歯科)
10. root(根管治療)
11  interview(インタビュー)
12. contact(お問い合わせ)
13. extraction(親知らずの抜歯)
14. price(料金表)

23. CMS

========================================================================== */
/*
00. common
========================================================================== */
.nav_list{
	margin: 4px auto 7px;
}
/*
01. implant(インプラント)
========================================================================== */
section.implant {
  padding-bottom: 40px;
}
.implant-list {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.implant-list li {
  width: 48%;
  margin: 0 0 20px 0;
}
.doctor-img {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
}
.doctor-img > img {
  margin: 0 10px 0 0;
}
.doctor-img-right img {
  display: block;
}
.doctor-img-right img:first-child {
  margin: 0 0 14px 0;
}
/*
02. denture(入れ歯)
========================================================================== */
section.denture {
  padding-bottom: 40px;
}
.denture-page-link {
  text-align: center;
  font-size: 18px;
}
.denture-page-link li {
  display: inline-block;
  margin: 0 10px;
}
.denture-page-link li:first-child {
  margin: 0 0 20px 0;
}
/*
03. esthetic(審美セラミック治療)
========================================================================== */
section.esthetic {
  padding-bottom: 40px;
}
.esthetics-list {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.esthetics-list li {
  width: 48%;
}
.esthetics-list p {
  padding: 0 0 0 160px;
}
.esthetics-list2 {
  text-align: center;
  font-size: 0;
}
.esthetics-list2 li {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 1% 10px 1%;
  width: 48%;
}
.esthetics-list2 a {
  display: block;
  padding: 12px 16px 11px 16px;
  color: #fff;
  font-size: 18px;
  background: #00a9a9;
}
.esthetics-list2 i {
  margin: 0 0 0 .5em;
}
.esthetics-line-type p {
  padding: 0 0 0 255px;
}
.whitening-link {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.whitening-link li {
  width: 30%;
}
.whitening-link h5 {
  padding: 9px 8px 8px 8px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #00a9a9;
}
.whitening-link img {
  margin: 0 auto 10px;
  display: block;
}
.whitening-link-detail {
  color: #00a9a9;
}
/*
04. whitening(ホワイトニング)
========================================================================== */
section.whitening {
  padding-bottom: 40px;
}
.whitening-list {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.whitening-list li {
  width: 30%;
}
.whitening-list h5 {
  padding: 9px 8px 8px 8px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #00a9a9;
}
.whitening-list img {
  margin: 0 auto 10px;
  display: block;
}
.whitening-list-detail {
  color: #00a9a9;
}
.whitening .flow-home-gaiyo{
  list-style: none;
  width: 588px;
  margin: 0 auto 20px;
}
.whitening .flow-home-gaiyo li{
  width:122px;
  float:left;
  padding-left:33px;
  background:url(../images/whitening/arrow03.png) no-repeat 5px 37px;
}
.whitening .flow-home-gaiyo li:first-child{
  background:none;
  padding-left:0;
}
.whitening .flow-home-gaiyo li p{
  font-size: 12px;
  margin-top:5px;
}
.whitening .flow-office-gaiyo{
  list-style: none;
  width: 552px;
  margin: 0 auto 20px;
}
.whitening .flow-office-gaiyo li{
  width:162px;
  float:left;
  padding-left:33px;
  background:url(../images/whitening/arrow03.png) no-repeat 5px 40px;
}
.whitening .flow-office-gaiyo li:first-child{
  background:none;
  padding-left:0;
}
.whitening .flow-office-gaiyo li p{
  font-size: 12px;
  margin-top:5px;
}
.whitening-flow {
  list-style: none;
}
.whitening-flow p {
  padding: 0 0 0 30px;
  position: relative;
}
.whitening-flow-num {
  font-size: 200%;
  position: absolute;
  top: -15px;
  left: 0;
}
.whitening-table {
  width: calc( 100% - 210px );
}
.whitening-table th {
  width: 5em;
}
/*
05. caries(虫歯・抜歯)
========================================================================== */
section.caries {
  padding-bottom: 40px;
}
section.colunm{
	margin-bottom: 60px;
}
.caries-catch p {
  display: inline-block;
  vertical-align: middle;
}
/*
06. perio(歯周病)
========================================================================== */
section.perio {
  padding-bottom: 40px;
}
.perio .ttl-low2-1 span:first-of-type {
  margin: 0 .5em 0 0;
  padding: 4px;
  color: #5a95e0;
  background: linear-gradient(transparent 60%, #dcf5fb 0) no-repeat;
}
.perio-list {
  margin: 0 auto 20px;
  width: 680px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}
.perio-list li {
  width: 205px;
}
.perio .doctor-cert img{
  max-width: none;
  box-sizing: border-box;
}
/*
07. prevent(歯のメンテナンス)
========================================================================== */
section.prevent {
  padding-bottom: 40px;
}
.prevent-list {
  margin: 0 auto 30px;
  width: 680px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}
.prevent-list li {
	width: 205px;
}
/*
08. kids(小児歯科)
========================================================================== */
section.kids {
  padding-bottom: 40px;
}
.kids-banner {
  margin: 0 auto 20px auto;
  padding: 20px;
  width: 650px;
  border: 1px solid #00a9a9;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.kids-banner p {
  margin: 0 20px 0 0;
}
.kids .ttl-low2-1 span:first-of-type {
  margin: 0 .5em 0 0;
  padding: 4px;
  color: #5a95e0;
  background: linear-gradient(transparent 60%, #dcf5fb 0) no-repeat;
}
/*
 09. correct(矯正歯科)
========================================================================== */
section.correct {
  padding-bottom: 40px;
}
.correct-page-link {
  font-size: 0;
}
.correct-page-link li {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 1%;
  width: 48%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.correct-page-link li a {
  display: block;
  padding: 11px 16px 10px 16px;
  color: #fff;
}
.correct-page-link li:first-child a {
  background: #85511d;
}
.correct-page-link li:last-child a {
  background: #5a95e0;
}
.correct-page-link i {
  margin: 0 0 0 .5em;
}
/*divide*/
.correct .divide{
	display:flex;
	justify-content: space-between;
}
.correct .divide .div_box{
	width:48%;
}
/*
10. root(根管治療)
========================================================================== */
section.root {
  padding-bottom: 40px;
}
.root .case-records{
	padding-left:80px;
	padding-right: 80px;
	width: 100%;
	box-sizing: border-box;
}
/*
11 interview(インタビュー)
========================================================================== */
section.interview {
  padding-bottom: 60px;
}

/*
12 team(チーム医療)
========================================================================== */
section.team {
  padding-bottom: 40px;
}

/*
12. contact(お問い合わせ)
========================================================================== */
section.contact {
  padding-bottom: 40px;
}
.contact .table-nocolor th, .contact .table-nocolor td {
  text-align: left;
}
.contact bold {
  font-weight: bold;
}
.contact .case img {
  width: 100px;
}
.contact .case .list-dot li {
  margin: 0 0 0 120px;
}
/*
13. extraction(親知らずの抜歯)
========================================================================== */
section.extraction {
  padding-bottom: 40px;
}
.extraction p > .img-border{
	max-width:100%;
	box-sizing:border-box;
}
.extraction p > .img-right{
	max-width:300px;
}
/* 症例画像2枚並び */
.extraction .case-records {
	width:65%;
}
.extraction .qanda dt{
	font-weight:bold;
}
/*
14. 料金表
========================================================================== */
section.price {
    margin-bottom: 40px;
}
/*list-card*/
.price .list-card {
    display: inline-block;
}
.price .list-card li {
    float:left;
    margin-left:17px;
}
.price .list-card li:first-child,
.price .list-card li.suica {
    margin-left:0;
}
/* loan */
.price .loan img{
	width: auto;
	height: 51px;
}

.price .img.static{
  table-layout: fixed;
  width: 320px;  
}
/*table-nocolor*/
.price .table-nocolor th,
.price .table-nocolor td{
	vertical-align:middle;
}
/*　症例画像3枚並び  */
.price .case_row_three{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.price .case_row_three li{
	width:149px;
	padding-right:7%;
	padding-left:1%;
	font-size:90%;
	background: url(../images/common/arrow02.png) no-repeat right center;
}
.price .case_row_three li img{
	margin-bottom:5px;
}
.price .case_row_three li:first-child{
	padding-left:0%;
}
.price .case_row_three li:last-child{
	padding-right:0px;
	background:none;
}

/*table-normal02*/
.price .table-normal02 th,
.price .table-normal02 td {
    width: 20%;
}
.price .table-normal02.cel2 th,
.price .table-normal02.cel2 td {
    width: 50%;
}
.price .table-normal02.cel3 th,
.price .table-normal02.cel3 td {
    width: 33.3%;
}
.price .table-normal02.auto th,
.price .table-normal02.auto td{
    width:auto;
}

/*table-beyond*/
.price .table-normal02.table-beyond td{
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	border:none;
}
/* txt-indent */
.price .txt-indent {
	padding-left:1.4em;
	text-indent:-1.4em;
}
.price dl.correctPrice {
	width: 100%;
}
.price dl.correctPrice dt {
	float: left;
}
.price dl.correctPrice dd {
	float: left;
	margin-left: 1em;
}
/*
23. CMS
========================================================================== */
.roop {
  padding-bottom: 80px;
  min-height: 500px;
}
.post {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 30px;
  margin: 0 0 20px 20px;
  background: #fff;
}
.post .title a {
  color: #7fc3d0 !important;
}
.post .date {
  margin-bottom: 20px;
}
.post .p-link {
  color: #2780bb;
  text-align: right;
}
.posts-btn {
  text-align: center;
  margin-top: 40px;
}
.posts-btn li {
  display: inline;
  margin-right: 30px;
}
.posts-btn li:first-child:after {
  content: "|";
  margin-left: 30px;
}
.posts-btn a {
  color: #2780bb;
  text-decoration: underline;
  vertical-align: middle;
}
.posts-btn a i {
  margin: 0 3px;
  font-size: 90%;
  vertical-align: middle;
}
.roop .post .size-full, .roop .post img {
  max-width: 700px;
  height: auto;
}
.roop .post iframe {
  max-width: 600px;
}
.case-records-cms {
  background: url(../images/common/arrow02.png) no-repeat center center;
  width: 640px;
  margin: 20px auto;
}
.case-records-cms td {
  text-align: center;
  width: 320px;
  vertical-align: middle;
}
.case-records-cms .before img {
  background: url(../images/common/before.png) no-repeat left top;
  padding-top: 20px;
  width: 254px;
  height: auto;
}
.case-records-cms .after img {
  background: url(../images/common/after.png) no-repeat left top;
  padding-top: 20px;
  width: 254px;
  height: auto;
}
.roop .ttl-low {
  font-size: 18px !important;
}
.roop .data {
  font-size: 12px;
  color: #9E9E9E;
  margin-bottom: 16px;
}
.roop .more {
  text-align: right;
  margin-top: 80px;
}
/*サイドバー*/
.sidebar .ttl-low2 {
  padding: 8px;
  font-size: 14px;
}
.sidebar {
  margin-bottom: 30px;
  padding-top: 15px;
}
.sidebar li {
  padding: 0 10px 0 16px;
  background: url(../images/common/icon_h_sidebar.gif) no-repeat 4px 6px;
  margin-bottom: 3px;
}
.sidebar a {
  text-decoration: underline;
}
.screen-reader-text {
  display: none !important;
}
#s {
  width: 200px;
  padding: 2px 5px;
  margin: 0 auto;
  display: block;
}
#searchsubmit {
  display: block;
  margin: 10px auto 30px;
  width: 100px;
  text-align: center;
  padding: 2px 4px;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  color: #444;
}
/*フォントサイズリセット解除*/
.post h1 {
  font-size: 30px;
}
.post h2 {
  font-size: 22px;
}
.post h3 {
  font-size: 18px;
}
.post h4 {
  font-size: 14px;
}
.post h5 {
  font-size: 12px;
}
.post h6 {
  font-size: 10px;
}