@charset "UTF-8";

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

	00. common
	01. caries(虫歯治療)
	02. perio(歯周病)
	03. correct(矯正治療)
	04. esthetics(審美セラミック)
	05. denture(入れ歯)
	06. implant(インプラント)
	07. whitening(ホワイトニング)
	08. prevent(歯のメンテナンス)
	09. kids(小児歯科)
	10. root(根管治療)
	11. visit(訪問歯科)
	12. halitosis(口臭治療)
	13. staff(院長スタッフ紹介)
	14. tour(院内ツアー)
	15. price(料金)
	16. map_time(地図・診療時間)
	17. recruit(採用)
	18. contact(問い合わせ)
	19. interview(対談)
	20. important(患者様が理想とする歯科医院を体現する6つのコンセプト)
	21. extraction(親知らずの抜歯)
	22. branch(戸田おとなこども歯科)

	23.CMS

========================================================================== */
/*
	01. common
========================================================================== */
.left-contents {
  width: 240px;
  float: left;
  padding-bottom: 80px;
}

.left-contents .menu {
  margin-bottom: 20px;
}

.right-contents {
  width: 730px;
  float: right;
}

.page-catch {
  margin: 25px auto 40px;
  text-align: center;
  font-size: 19px;
  line-height: 2;
  font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #323232;
  background: #fff;
  border: 1px solid #ff9900;
  padding: 20px 5px 5px;
}

.page-catch p {
  margin-bottom: 15px;
}

.effect {
  position: relative;
  -webkit-box-shadow: 0 1px 2px rgba(255, 190, 0, 0.5), 0 0 10px rgba(255, 190, 0, 0.5) inset;
  -moz-box-shadow: 0 1px 2px rgba(255, 190, 0, 0.5), 0 0 10px rgba(255, 190, 0, 0.5) inset;
  box-shadow: 0 1px 2px rgba(255, 190, 0, 0.5), 0 0 10px rgba(255, 190, 0, 0.5) inset;
}

.effect:before,
.effect:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(255, 190, 0, 0.6);
  -moz-box-shadow: 0 0 20px rgba(255, 190, 0, 0.6);
  box-shadow: 0 0 20px rgba(255, 190, 0, 0.6);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

.effect:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.mainPhoto {
  margin: 8px 0;
}

/* text */
.callme {
  text-align: center;
  font-size: 20px;
  margin: 20px 0 30px;
}

.callme.correct-callme {
  margin: 40px 0 30px;
  float: none;
  width: 100%;
}
.callme.correct-callme .tel{
	float: none;
	margin-left: auto;
	margin-right:auto;
}
.bold {
  font-weight: bold;
}

.gray {
  color: #999999;
}

.pc-none {
  display: none;
}

.alignR {
  text-align: right !important;
}

.dispB {
  display: block;
}

/* margin */
.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

/* img */
.img-column-wrap {
  position: relative;
  overflow: hidden;
}

.img-column {
  position: relative;
  left: 50%;
  float: left;
}

.img-column li {
  position: relative;
  float: left;
  left: -50%;
  margin-left: 10px;
}

.img-column li:first-child {
  margin-left: 0;
}

.img-column02 li {
  float: left;
  margin-left: 10px;
}

.img-column02 li:first-child {
  margin-left: 0;
}

.img-column02.for-three li {
  margin-left: 9px;
}

.img-column02.for-three li:first-child {
  margin-left: 0;
}

.cap {
  font-size: 90%;
  display: block;
  margin-top: 5px;
}

/* midashi */
.ttl-btn-gr.for-column {
  text-align: center;
  color: #fff;
  line-height: 2;
  font-size: 18px;
  position: relative;
  margin-bottom: 30px;
}

.ttl-btn-gr.for-column span {
  background: #fffde6;
  border-radius: 4px;
  border: 1px solid #ffe180;
  color: #4d2600;
  transform: rotate(-16deg);
  display: block;
  width: 100px;
  position: absolute;
  top: -5px;
  left: -15px;
  font-size: 16px;
}

.ttl-name {
  font-size: 24px;
  font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 6px;
  letter-spacing: 2px;
}

.ttl-mini-btn {
  text-align: center;
  font-size: 90%;
  background: url(../images/common/bg_gr.gif);
  border: 1px solid #87c536;
  width: 133px;
  padding: 5px;
  color: #fff;
  margin-bottom: 5px;
  border-radius: 3px;
}

.ttl-low3.noBorder {
  border-bottom: none;
  font-size: 18px;
  margin-bottom: 5px;
}

.ttl-low3.noBorder span {
  font-size: 20px;
}

.ttl-low3.noBorder span.re {
  font-size: 18px;
  color: #FF373A;
  margin-right: 0;
}

/* list */
.list-num {
  list-style-type: decimal;
  padding-left: 1.3em;
}

.list-dot {
  list-style: disc;
  padding-left: 1.3em;
}

.list-nostyle {
  list-style: none;
}

.list-a {
  list-style-type: lower-alpha;
  padding-left: 1.3em;
}

.list-check li {
  padding-left: 16px;
  background: url(../images/common/checkmark.png) no-repeat left center;
}

.list-circle {
  list-style-type: none;
}

.list-circle li {
  padding-left: 2.5em;
  position: relative;
  margin-bottom: 20px;
}

.list-circle .number {
  position: absolute;
  left: 0px;
  top: -5px;
  display: inline-block;
  background-color: #ffc100;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  margin-right: 5px;
  line-height: 30px;
}

/* img+textbox */
.box-img-right {
  width: 100%;
  display: table;
  direction: rtl;
  zoom: 1;
}

.box-img-right .img {
  margin: 0;
  display: table-cell;
  vertical-align: top;
  width: 1%;
  direction: ltr;
}

.box-img-right .box {
  padding: 0 30px 1px 0;
  display: table-cell;
  vertical-align: top;
  direction: ltr;
  text-align: left;
}

.box-img-left {
  zoom: 1;
}

.box-img-left .img {
  margin: 0;
  padding: 0 30px 0 0;
  display: table-cell;
  width: 1%;
  vertical-align: top;
  position: relative;
}

.box-img-left .box {
  display: table-cell;
  vertical-align: top;
}

.two-column-box li:first-child {
  float: left;
  text-align: center;
}

.two-column-box li:last-child {
  float: right;
  text-align: center;
}

.two-column-box-ttl {
  display: block;
}

.box-color {
  background: #fffcd9;
  margin-top: 10px;
  padding: 15px 30px;
}

.box-color .ttl {
  font-size: 20px;
}

.box-radius {
  padding: 10px;
  border: solid 1px #ccc;
  border-radius: 5px;
}

.box-two-column .box-left {
  width: 360px;
  float: left;
}

.box-two-column .box-right {
  width: 360px;
  float: right;
}

.box-two-column.margin20 .box-left {
  width: 340px;
}

.box-two-column.margin20 .box-right {
  width: 340px;
}

/*Q&A*/
.qanda dt {
  background: url(../images/common/faq_Q.png) no-repeat 6px top;
  padding-left: 38px;
  font-size: 15px;
  margin-bottom: 6px;
}

.qanda dd {
  background: url(../images/common/faq_A.png) no-repeat 6px top;
  padding-left: 38px;
}

/* table */
.table-normal02 {
  width: 100%;
  table-layout: auto;
}

.table-normal02 th {
  background-color: #eee;
  padding: 6px 15px;
  border: 1px solid #B9B9B9;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

.table-normal02 th.th80 {
  width: 80px;
}

.table-normal02 th.th100 {
  width: 100px;
}

.table-normal02 th.th140 {
  width: 140px;
}

.table-normal02 th .img-border {
  background: #fff;
}

.table-normal02 td {
  vertical-align: middle;
  padding: 6px 15px;
  border: 1px solid #B9B9B9;
  text-align: center;
}

.table-normal02.mb10 {
  margin-bottom: 10px !important;
}

.table-normal02.mb20 {
  margin-bottom: 20px !important;
}

.table-normal02.mb30 {
  margin-bottom: 30px !important;
}

.tdAlignL td {
  text-align: left !important;
}

.tdAlignL02 {
  text-align: left !important;
}

.table-color {
  width: 100%;
}

.table-color th {
  background-color: #ffc100;
  color: #fff;
  border: 1px solid #fc9e0b;
  padding: 6px 10px;
  text-align: center;
  vertical-align: middle;
}

.table-color.ortype th {
  background-color: #fc9b2a;
}

.table-color td {
  padding: 6px 10px;
  border: 1px solid #9e9a98;
  vertical-align: middle;
}

.table-nostyle th {
  padding-right: 0.5em;
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

/* dl */
.dl-normal dt {
  float: left;
  width: 100px;
  clear: both;
  margin-bottom: 4px;
}

.dl-normal dd {
  float: left;
  margin-bottom: 4px;
}

/* line */
.border-b-dot {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #aeaeae;
}

/*case-records02*/
.case-records02-wrap {
  position: relative;
  overflow: hidden;
}

.case-records02 {
  position: relative;
  left: 50%;
  float: left;
}

.case-records02 li {
  position: relative;
  float: left;
  left: -50%;
}

.case-records02 li:last-child {
  background: url(../images/common/arrow02.png) no-repeat 20px 55%;
  padding-left: 80px;
}

.case-records02 li:first-child img {
  background: url(../images/common/before.png) no-repeat left top;
  padding-top: 20px;
}

.case-records02 li:last-child img {
  background: url(../images/common/after.png) no-repeat left top;
  padding-top: 20px;
}

.box-two-column div .case-records02 li:last-child {
  background: url(../images/common/arrow01.png) no-repeat 9px 55%;
  padding-left: 40px;
}

/* compare02 */
.compare02-wrap {
  position: relative;
  overflow: hidden;
}

.compare02 {
  position: relative;
  left: 50%;
  float: left;
}

.compare02 li {
  position: relative;
  float: left;
  left: -50%;
}

.compare02 li:last-child {
  background: url(../images/common/arrow04.png) no-repeat 8px 50%;
  padding-left: 80px;
}

.compare02.withcap li:last-child {
  background-position: 8px 45%;
}

/* section */
.sectionLv01 {
  margin-bottom: 40px;
}

.sectionLv02 {
  margin-bottom: 30px;
}

.sectionLv03 {
  margin-bottom: 20px;
}

.sectionLv04 {
  margin-bottom: 10px;
}

/* btn */
.menu-btn li a {
  background: url(../images/common/bg_bl.gif);
  border: 1px solid #3bc2e8;
  color: #fff;
  display: block;
  padding: 10px;
  font-size: 20px;
  letter-spacing: 1px;
  border-radius: 10px;
  text-align: center;
  position: relative;
}

.menu-btn li {
  width: 360px;
  float: left;
  margin-left: 10px;
}

.menu-btn li.orbtn a {
  background: url(../images/common/bg_or.gif);
  border: 1px solid #e7b744;
}

.menu-btn li.grbtn a {
  background: url(../images/common/bg_gr.gif);
  border: 1px solid #87c536;
}

.menu-btn li:first-child {
  margin-left: 0;
}

.bnr-sameday {
  margin: 0 0 40px 0;
}

.bnr-sameday img {
  width: 100%;
}

.bnr-sameday .pc-none {
  display: none;
}

/*
	01. caries(虫歯治療)
========================================================================== */
section.caries {
  padding-bottom: 40px;
}

/*
	02. perio(歯周病)
========================================================================== */
section.perio {
  padding-bottom: 40px;
}

.perio-prg {
  width: 730px;
  margin: 0 auto;
}

.perio-prg .ttl {
  font-size: 16px;
  text-align: center;
}

.perio-prg li {
  width: 350px;
  float: left;
  margin-left: 30px;
  margin-bottom: 30px
}

.perio-prg li:nth-child(2n-1) {
  margin-left: 0;
}

.perio-prg li .img-border {
  border-radius: 10px;
}

.list-emd-wrap {
  position: relative;
  overflow: hidden;
}

.list-emd {
  position: relative;
  left: 50%;
  float: left;
}

.list-emd li {
  position: relative;
  float: left;
  left: -50%;
  width: 120px;
  float: left;
  padding-left: 60px;
  background: url(../images/common/arrow02.png) no-repeat 9px 70px;
}

.list-emd li:first-child {
  background: none;
  padding-left: 0;
}

.features4 {
  position: relative;
}

.features4 .features4_inn {
  position: absolute;
  top: 200px;
  width: 320px;
}

/*
	03. correct(矯正治療)
========================================================================== */
section.correct {
  padding-bottom: 40px;
}

.correct-only {
  font-size: 22px;
  background: url(../images/correct/bg-orange.png) repeat-x bottom 2px center;
  background-size: 1px 14px;
  width: 620px;
  margin: auto;
}

.correct-link li {
  width: 175px;
  float: left;
  margin-left: 10px;
}

.correct-link li:first-child {
  margin-left: 0;
}

.correct-link li .ttl {
  text-align: center;
  background: #ffda91 url(../images/common/bg_stripe.gif);
  border: 1px solid #ff6d0b;
  color: #fff;
  margin-top: 3px;
  border-radius: 5px;
}

.txtLikeImg {
  width: 165px;
  height: 110px;
  line-height: 128px;
  font-size: 82px;
  text-align: center;
}

.ortho_banner {
  position: relative;
}

.ortho_banner .img-border {
  box-sizing: border-box;
  max-width: 100%;
}

.ortho_banner .txt {
  position: absolute;
  width: 56%;
  left: 5%;
  top: 14%;
}

.ortho_banner .catch {
  position: absolute;
  width: 12%;
  right: 2%;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*
	04. esthetics(審美セラミック)
========================================================================== */
section.esthetics {
  padding-bottom: 40px;
}

.esthetics-link li {
  width: 360px;
  float: left;
  margin-left: 10px;
}

.esthetics-link li:first-child {
  margin-left: 0;
}

.esthetics-link li .ttl {
  text-align: center;
  background: #ffda91 url(../images/common/bg_stripe.gif);
  border: 1px solid #ff6d0b;
  color: #fff;
  margin-top: 3px;
  border-radius: 5px;
}

/*
	05. denture(入れ歯)
========================================================================== */
section.denture {
  padding-bottom: 40px;
}

.denture-prg li {
  width: 236px;
  float: left;
  margin-left: 10px;
  text-align: center;
}

.denture-prg li:first-child {
  margin-left: 0;
}

.denture-prg li img {
  border-radius: 5px;
}

.denture-prg .ttl {
  color: #fc9b2a;
}

.denture .compare-pre-img {
  width: 300px;
  background-color: #e4e4f0;
  text-align: center;
  padding: 10px;
}

.denture .compare-pre-img .ttl {
  font-size: 14px;
  font-weight: normal;
  padding-left: 0;
  margin-bottom: 0;
  background-color: #479eff;
  color: #fff;
  border-radius: 5px;
  width: 80%;
  margin: 0 auto 10px;
}

/*
	06. implant(インプラント)
========================================================================== */
section.implant {
  padding-bottom: 40px;
}

.implant-link li {
  width: 175px;
  float: left;
  margin-left: 10px;
}

.implant-link li:first-child {
  margin-left: 0;
}

.implant-link li .ttl {
  text-align: center;
  background: #ffda91 url(../images/common/bg_stripe.gif);
  border: 1px solid #ff6d0b;
  color: #fff;
  margin-top: 3px;
  border-radius: 5px;
}

.ttl-btn-s-or {
  width: 208px;
  text-align: center;
  background: #ffda91 url(../images/common/bg_stripe.gif);
  border: 1px solid #ff6d0b;
  color: #fff;
  margin-bottom: 5px;
  border-radius: 5px;
}

.implantColumn.box-two-column .box-left,
.implantColumn.box-two-column .box-right {
  width: 350px;
}

.implantColumn.box-two-column .box-img-left .img {
  padding: 0 10px 0 0;
}

.implantColumn.box-two-column .ttl-btn-s-or {
  width: 143px;
  font-size: 90%;
  line-height: 1.9;
}

.ttl-btn-or.widthLogo {
  position: relative;
  padding: 0 6px;
  text-align: center;
}

.ttl-btn-or.widthLogo span {
  display: inline-block;
  line-height: 40px;
  padding-left: 50px;
  background: url(../images/implant/implantIconLogo.png) no-repeat left;
}

/*
	07. whitening(ホワイトニング)
========================================================================== */
section.whitening {
  padding-bottom: 40px;
}

.white-box {
  margin-top: 10px;
}

.white-box li {
  width: 236px;
  float: left;
  text-align: center;
  margin: 0 0 10px 10px;
}

.white-box li:first-child {
  margin: 0 0 10px 0;
}

.white-box-cnt .box {
  background-color: #eee;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
}

.whitening .flow-gaiyo {
  list-style: none;
  width: 588px;
  margin: 0 auto 20px;
}

.whitening .flow-gaiyo li {
  width: 122px;
  float: left;
  padding-left: 33px;
  background: url(../images/whitening/whiteningIconArrow001.png) no-repeat 5px 37px;
}

.whitening .flow-gaiyo li:first-child {
  background: none;
  padding-left: 0;
}

.whitening .flow-gaiyo li p {
  font-size: 12px;
  margin-top: 5px;
}

.whitening .step {
  list-style: none;
  width: 552px;
  margin: 0 auto 20px;
}

.whitening .step li {
  width: 162px;
  float: left;
  padding-left: 33px;
  background: url(../images/whitening/whiteningIconArrow001.png) no-repeat 5px 40px;
}

.whitening .step li:first-child {
  background: none;
  padding-left: 0;
}

.whitening .step li p {
  font-size: 12px;
  margin-top: 5px;
}

.whitening .list-flow {
  width: 510px;
  margin: 0 auto;
  display: block;
}

.whitening .list-flow li {
  width: 130px;
  float: left;
  padding-left: 60px;
  background: url(../images/common/arrow02.png) no-repeat 9px 53px;
}

.whitening .list-flow li:first-child {
  background: none;
  padding-left: 0;
}

.whitening .sentence {
  margin-bottom: 6px;
}

.whitening .table-normal {
  margin-top: 6px;
}

/*
	08. prevent(歯のメンテナンス)
========================================================================== */
section.prevent {
  padding-bottom: 40px;
}

/*
	09. kids(小児歯科)
========================================================================== */
section.kids {
  padding-bottom: 40px;
}

/*
	10. root(根管治療)
========================================================================== */
section.root {
  padding-bottom: 40px;
}

.root .ttl-low2 {
  font-size: 19px;
}

/*
	11. visit(訪問歯科)
========================================================================== */
section.visit {
  padding-bottom: 40px;
}

/*
	12. halitosis(口臭治療)
========================================================================== */
section.halitosis {
  padding-bottom: 40px;
}

.halitosis-link li {
  width: 175px;
  float: left;
  margin-left: 10px;
}

.halitosis-link li:first-child {
  margin-left: 0;
}

.halitosis-link li .ttl {
  text-align: center;
  background: #ffda91 url(../images/common/bg_stripe.gif);
  border: 1px solid #ff6d0b;
  color: #fff;
  margin-bottom: 3px;
  border-radius: 5px;
}

/*
	13. staff(院長スタッフ紹介)
========================================================================== */
section.staff {
  padding-bottom: 40px;
}

.staff .box-left,
.staff .box-right {
  width: 350px;
}

.staff .table-color th {
  width: 5.5em;
  text-align: left;
}

/*
	14. tour(院内ツアー)
========================================================================== */
section.tour {
  padding-bottom: 40px;
}

/*
	15. price(料金)
========================================================================== */
section.price {
  padding-bottom: 40px;
}

.table-normal02.cel2 th,
.table-normal02.cel2 td {
  width: 50%;
}

.table-normal02.cel3 th,
.table-normal02.cel3 td {
  width: 33.3%;
}

.table-normal02.cel4 td,
.table-normal02.cel4 td {
  width: 25%;
}

.table-normal02.cel3 th.col,
.table-normal02.cel3 td.col {
  width: 37.5%;
}

.pricemenu a {
  text-decoration: underline;
}

.pricemenu a i {
  margin-right: 5px;
  color: #ffae00;
}

/* ストローマン */
.price .table-normal02.table-straumann th:nth-of-type(1) {
  width: 110px;
}

.price .table-normal02.table-straumann th:nth-of-type(6) {
  width: 5em;
}

.price .table-normal02.table-straumann th {
  white-space: nowrap;
  padding: 6px 8px;
}

.price .table-normal02.table-straumann td {
  padding: 6px 6px;
}

/* 上部構造 */
.price .table-normal02.table-implant-3 th:nth-of-type(1) {
  width: 140px;
}

.price .table-normal02.table-implant-3 th:nth-of-type(2),
.price .table-normal02.table-implant-3 th:nth-of-type(3),
.price .table-normal02.table-implant-3 th:nth-of-type(4) {
  width: 4em;
}

.price .table-normal02.table-implant-3 th:nth-of-type(5) {
  width: 8em;
}

.price .table-normal02.table-implant-3 td:nth-of-type(6) {
  font-weight: normal;
  line-height: 1.4;
}

.price .table-normal02.table-implant-3 td img {
  max-width: 100%;
  box-sizing: border-box;
}

.price .table-normal02.table-implant-3 th,
.price .table-normal02.table-implant-3 td {
  text-align: center;
  width: auto;
  padding: 6px 8px;
}

/*
	16. map_time(地図・診療時間)
========================================================================== */
section.map_time {
  padding-bottom: 40px;
}

.map_time .callme {
  width: 50%;
  float: left;
}

.map_time .map_time_table {
  width: 50%;
  box-sizing: border-box;
  padding: 0 2.5%;
}

.map_time .map_time_table:nth-of-type(even) {
  float: right;
}

.map_time .map_time_table:nth-of-type(odd) {
  float: left;
  border-right: 1px solid #bfbfbf;
}

.map_time .timetable th,
.map_time .timetable td {
  text-align: center;
  vertical-align: middle;
}

.map_time .map {
  width: 47.5%;
  float: left;
  box-sizing: border-box;
}

.map_time .map img {
  max-width: 100%;
  box-sizing: border-box;
}

#gmap {
  width: 47.5%;
  height: 310px;
  border: 1px solid #bfbfbf;
  float: right;
}

#gmap span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

/*
	17. recruit(採用)
========================================================================== */
section.recruit {
  padding-bottom: 40px;
}

.recruit .indent {
  text-indent: -2.5em;
  margin-left: 2.5em;
}

/*
	18. contact(問い合わせ)
========================================================================== */
section.contact02 {
  margin-bottom: 40px;
}

.contact02 .callme {
  width: 50%;
  float: left;
}

.contact02 .under_red {
  display: inline-block;
  border-bottom: 1px solid #FF373A;
  line-height: 24px;
}

.webyoyaku {
  margin: 20px 0 50px;
}

.webyoyaku img {
  width: 730px;
}

.form {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ff8100;
  margin: 10px auto 20px;
}

.form td input[type="text"],
.form td input[type="number"],
.form td input[type="tel"],
.form td input[type="email"],
.form td input[type="adress"],
.form td textarea {
  border: solid 1px #ccc;
}

.form th {
  white-space: nowrap;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 8px 12px;
  vertical-align: middle;
}

.form td {
  text-align: left;
  padding: 8px 5px;
  border: 1px solid #9e9a98;
  padding-left: 10px;
}

.form label {
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
}

.form input {
  vertical-align: top;
}

.form .your-name-sei input,
.form .your-name-mei input,
.form .your-name-kana-sei input,
.form .your-name-kana-mei input {
  width: 150px;
}

.form .tel-adress input {
  width: 220px;
}

.form .ex-adress {
  display: block;
  font-size: 80%;
  color: #666666;
}

.form span.mail-check {
  display: block;
  margin-top: 5px;
}

.form .shedule p {
  margin-bottom: 5px;
}

.form .shedule input {
  width: 50px;
}

.form td textarea {
  width: 500px;
}

.form-btn {
  text-align: center;
  margin-bottom: 40px;
}

.form-btn input {
  margin-right: 20px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 20px;
  border-radius: 5px;
  background: #ffda91 url(../images/common/bg_stripe.gif);
  border: 1px solid #ff6d0b;
  color: #fff;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
  border: none !important;
  text-align: center;
  color: #C20E11;
}

.contact02 span.wpcf7-not-valid-tip {
  font-size: 14px;
  color: #C20E11;
  text-align: left;
}

.form .wpcf7-form-control-wrap.purpose {
  display: block;
}

.required {
  color: #C20E11;
}

.form .yubin {
  width: 80px;
  margin-bottom: 5px;
}

.form .addressmore {
  font-size: 11px;
  color: #A2A2A2;
  margin-left: 4px;
}

.form #prefecture {
  width: 6em;
  padding-left: 3px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.form #city {
  width: 340px;
  margin-right: 10px;
  padding-left: 3px;
  margin-bottom: 5px;
}

.form #street {
  width: 440px;
  padding-left: 5px;
}

.form .kakunin-text {
  display: block;
  font-size: 80%;
  color: #fc9b2a;
}

.form span.address,
.form span.address02 {
  display: block;
  margin-top: 5px;
}

.form span.address input,
.form span.address02 input {
  padding-left: 3px;
  width: 400px;
}

/*
	19. interview(対談)
========================================================================== */
section.interview {
  padding-bottom: 40px;
}

/*
     20. important(患者様が理想とする歯科医院を体現する6つのコンセプト)
========================================================================== */
section.important {
  padding-bottom: 40px;
}

.picupCntWrap01 {
  padding-top: 10px;
  margin-top: -26px;
}

.picupCntWrap01 .img-left {
  padding-top: 20px;
}

.pickupTtl {
  font-size: 18px;
  border: 1px solid #ffae00;
  margin-bottom: 5px;
  padding: 8px 0 6px;
  text-align: center;
  border-radius: 10px;
}

.pickupTtl .logoWrap {
  display: inline-block;
  padding-left: 35px;
  background: url(../images/top/minilogo.png) no-repeat left 50%;
  background-size: 25px;
}

.pickupTtl .logoWrapW {
  display: inline-block;
  padding-left: 35px;
  padding-right: 35px;
  background: url(../images/top/minilogo.png) no-repeat left 50%, url(../images/top/minilogo.png) no-repeat right 50%;
  background-size: 25px, 25px;
}

.pickup .box .rightCnt {
  font-size: 12px;
  background: url(../images/important/importantImgMenu002.png) no-repeat right -8px;
  height: 233px;
  padding-top: 26px;
}

.pickup .box .rightCnt h4 {
  font-size: 14px;
  margin-bottom: 10px;
}

.three-column-cnt {
  width: 236px;
  float: left;
  margin-left: 10px;
}

.three-column-cnt:first-child {
  margin-left: 0;
}

/*
	21. extraction(親知らずの抜歯)
========================================================================== */
section.extraction {
  padding-bottom: 40px;
}

.extraction .case-list {
  border: 1px solid #ccc;
}

.extraction .case-list td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px;
  background: rgba(240, 240, 240, .2);
  width: 230px;
}

.extraction .case-list img {
  border: 1px solid #ccc;
  padding: 2px;
  box-shadow: 2px 3px 4px 0px #e3e3e3;
  -moz-box-shadow: 2px 3px 4px 0px #e3e3e3;
  -webkit-box-shadow: 2px 3px 4px 0px #e3e3e3;
}

.extraction .case-list p {
  margin: 8px 0 0;
  text-align: left;
  font-size: 13px;
}

.extraction .w600 {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
}

.extraction .w600 td {
  width: 300px;
  padding: 10px 15px;
}

/*
	22. branch(戸田おとなこども歯科)
========================================================================== */
section.branch {
  padding-bottom: 40px;
}

.branch .table-color th {
  text-align: left;
}

/* gallery */
.branch .photo_ttl {
  color: #ed6d00;
  font-size: 30px;
  text-align: center;
  letter-spacing: 1px;
}

.branch .gallery {
  padding: 10px 0 70px;
}

.branch .gallery .innerwrap {
  position: relative;
  width: 700px;
  margin: 0 auto;
}

.branch .gallery .bx-wrapper {
  width: 620px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 4px;
  margin: 0 auto 20px;
}

.branch .gallery .controlWrap .bx-wrapper {
  width: 620px;
  border: none;
  padding: 0;
  height: 60px;
  box-shadow: none;
  background: transparent !important;
}

.branch .gallery .controlWrap .thumbnail li:last-child {
  margin-right: 0 !important;
}

.branch .gallery .slider01 img {
  border: 1px solid #F0F0F0;
}

.branch .gallery .controlWrap img {
  border: 1px solid #ccc;
  padding: 4px;
  display: block;
  box-sizing: border-box;
  box-shadow: 0px 4px 7px -2px #a6a6a6;
  -moz-box-shadow: 0px 4px 7px -2px #a6a6a6;
  -webkit-box-shadow: 0px 4px 7px -2px #a6a6a6;
  background: #fff;
}

/* controls */
.branch .gallery .controlWrap {
  position: relative;
}

.branch .gallery .controlWrap .btn_pager {
  width: 34px;
  height: 34px;
  position: absolute;
}

/* next */
.branch .gallery .controlWrap .bx-next {
  opacity: 0;
  display: block;
}

.branch .gallery .controlWrap .next_pager {
  background: url(../images/slider/slidericon-arrow-next01.png) no-repeat 0 0;
  background-size: 28px auto;
  top: 50%;
  right: 0px;
}

.branch .gallery .controlWrap .next_pager:hover {
  background-position: 0 1px;
}

/* prev */
.branch .gallery .controlWrap .bx-prev {
  opacity: 0;
  display: block;
}

.branch .gallery .controlWrap .prev_pager {
  background: url(../images/slider/slidericon-arrow-prev01.png) no-repeat 0 0;
  background-size: 28px auto;
  top: 50%;
  left: 0px;
}

.branch .gallery .controlWrap .prev_pager:hover {
  background-position: 0 1px;
}

/* thumnail size */
.branch ul#bx-pager li {
  width: 140px !important;
  height: 108px;
  margin-right: 18px !important;
}

/*divide*/
.branch .divide {
  display: flex;
  justify-content: space-between;
}

.branch .divide .div_box {
  width: 49%;
}

/*map_time*/
.branch .table-color th.w {
  width: 200px;
}

.branch .timetable th,
.branch .timetable td {
  text-align: center;
  vertical-align: middle;
}

/* table-nostyle */
.branch .table-nostyle th {
  padding: 6px 0px;
}

/* googlemap */
.branch #gmap {
  width: 100%;
  height: 400px;
  border: 1px solid #bfbfbf;
}

/*
	23. CMS
========================================================================== */
.roop {
  padding-bottom: 80px;
  min-height: 600px;
}

.post {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 30px;
  margin: 0 0 20px 20px;
}

.post h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.post h2 a {
  color: #46c3fc;
}

.post time {
  font-size: 12px;
  color: #777;
  margin-bottom: 15px;
  display: block;
}

.post p {
  margin-bottom: 10px;
}

.posts-btn p a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 10px;
  color: #666;
}

.previous {
  float: left;
}

.next {
  float: right;
}

.posts-btn p a i {
  margin: 0 4px;
}

.roop .post .size-full,
.roop .post img,
.roop .post iframe {
  max-width: 600px;
  height: auto;
}

/*サイドバー*/
.sidebar {
  margin-bottom: 20px;
  padding-right: 5px;
}

.sidebar .ttl-low-s {
  letter-spacing: 0;
  font-size: 16px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sidebar li {
  padding: 0 10px 0 14px;
  background: url(../images/common/icon_h_sidebar.gif) no-repeat left 6px;
}