@charset "UTF-8";
/* ==========================================================================

	 01. header(multinfo)
	 02. nav
	 03. menu
	 04. banner(side)
	 05. timetable（table）
	 06. footer
	 07. reservebanner (low only)
	 08. case-records--footer  (low only)
	 
	 09.multi-class
	 
	 10. 404 error

   ========================================================================== */
  
/*
       01. header (multinfo)
========================================================================== */

.headBar {
	position: relative;
}

.logo-area {
	float: left;
	width: 360px;
}
.info-area {
	float: right;
	width: 455px;
}
.info-area2 {
	float: right;
	width: 480px;
}
.logo {
	float: left;
	margin-right: 8px;
}
.logo-area p {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 5px;
}


/*
     09. multi-class
 ========================================================================== */ 
.cf:after {
	display: block;
	content: "";
	clear: both;
}
.clear {
	clear: both;
}
/*　画像　*/

.img-border {
	padding: 4px;
	border: 1px solid #ccc;
}
.img-right {
	float: right;
	margin: 0 0 10px 15px;
}
.img-left {
	float: left;
	margin: 0 15px 10px 0;
}
/*　テキスト */
.gothic {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mincho {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.p-link {
	color: #00a0e9;
	text-decoration: underline;
}
.center {
	text-align: center;
}
.fs20 {
	font-size: 120%;
}
.fs30{
	font-size:130%;
}
.fs-20{
	font-size: 80%;
}
.or {
	color: #fc9b2a;
}
.re {
	color: #FF373A;
}
.bl {
	color: #46c3fc;
}
.pi {
	color: #ff99bb;
}
.small {
	font-size: 12px;
	color: #BBBBBB;
}
.pc-none {
	display: none;
}
/*　余白 */
.p10 {
	padding: 0 10px 10px;
}
.pt10 {
	padding-top: 10px;
}
.mb5{
	margin-bottom:5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.underline{
	text-decoration:underline;
}
.line-through{
	text-decoration: line-through;
}
.bold{
	font-weight: bold;
}
.dispB{
	display:block;
}
.dispIB{
	display:inline-block;
}
.dispI{
	display:inline;
}
/*　見出し */
.ttl-top {
	background: url(../img/bg_h.png) repeat-x left center;
	font-size: 27px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.ttl-top span {
	display: inline-block;
	background: url(../img/icon_h.png) no-repeat left center #fff;
	padding: 0 20px;
}
.ttl-low {
	background: url(../img/icon_h_low.png) no-repeat left center;
	font-size: 22px;
	padding-left: 20px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 12px;
	letter-spacing: 2px;
}
.ttl-low-s {
	background: url(../img/icon_h_low.png) no-repeat left center;
	font-size: 20px;/*＋*/
	padding-left: 20px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-bottom: 1px solid #343434;
	margin-bottom: 12px;
	letter-spacing: -1.5px;
}
.ttl-low2 {
	background: url(../img/icon_h_low2.gif) no-repeat left center;
	font-size: 22px;
	padding-left: 20px;
	color: #74c0f5;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-bottom: 1px solid #343434;
	margin-bottom: 12px;
	letter-spacing: 2px;
}
.ttl-low3 {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-left: 2px solid #1db7fe;
	padding-left: 8px;
	font-size: 16px;
	line-height: 2;
	margin: 20px 0;
}
.ttl-low4 {
	font-size: 18px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 5px;
	letter-spacing: 2px;
	border-bottom: 1px solid #696969;
	padding-bottom: 4px;
}
.ttl-low5 {
	font-size: 18px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 2px;
	letter-spacing: 2px;
}
.ttl-low6 {
	font-size: 18px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-bottom: 1px solid #343434;
	margin-bottom: 12px;
	letter-spacing: 2px;
	padding-bottom: 4px;
}
.ttl-low6 span {
	display: inline-block;
	padding: 7px 16px;
	text-align: center;
	background: #fc9b2a;
	border-radius: 6px;
	color: #fff;
	letter-spacing: 1px;
	margin-right: 8px;
}
.ttl-low7 {
	font-size: 18px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 5px;
	letter-spacing: 2px;
	padding-left: 18px;
	background: url(../img/icon_h_low7.gif) no-repeat left center;
}
.ttl-low9 {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	border-bottom: 1px solid #ff99bc;
	line-height: 1.8;
	margin-bottom: 10px;
}
.ttl-low9 span {
	font-size: 24px;
	display: inline-block;
	border-radius: 22px;
	width: 44px;
	height: 42px;
	padding-top: 2px;
	vertical-align: middle;
	color: #fff;
	background-color: #ff99bc;
	text-align: center;
	margin: 0 6px 3px 0;
}
.ttl-low--staff {
	font-size: 18px;
	padding: 12px 10px 12px 60px;
	font-family: "Sawarabi Gothic";
	line-height: 1.4;
	color: #fff;
}
.ttl-low1-1 {
	background: url(../img/flower1.png) no-repeat 12px center, url(../img/ttl-low1-1_bg.gif);
	background-size: 34px auto, auto;
}
.ttl-low1-2 {
	background: url(../img/flower2.png) no-repeat 12px center, url(../img/ttl-low1-2_bg.gif);
	background-size: 34px auto, auto;
}
.ttl-low1-3 {
	background: url(../img/flower3.png) no-repeat 12px center, url(../img/ttl-low1-3_bg.gif);
	background-size: 34px auto, auto;
}
.ttl-low1-4 {
	background: url(../img/flower4.png) no-repeat 12px center, url(../img/ttl-low1-4_bg.gif);
	background-size: 34px auto, auto;
}
.ttl-low2 {
	font-size: 17px;
	padding: 10px 0;
	font-family: "Sawarabi Gothic";
	color: #fff;
	line-height: 1.4;
	text-align: center;
	border-radius: 30px;
}
.ttl-low2-1 {
	background: url(../img/ttl-low1-1_bg.gif);
}
.ttl-low2-2 {
	background: url(../img/ttl-low1-2_bg.gif);
}
.ttl-low2-3 {
	background: url(../img/ttl-low1-3_bg.gif);
}
.ttl-low2-4 {
	background: url(../img/ttl-low1-4_bg.gif);
}
.ttl-low3 {
	font-family: "Sawarabi Gothic";
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	letter-spacing: 1px;
}
.ttl-low3-1 {
	color: #49c1f0;
	border-bottom: 1px dotted #49c1f0;
}
.ttl-low3-2 {
	color: #fe8996;
	border-bottom: 1px dotted #fe8996;
}
.ttl-low4 {
	font-family: "Sawarabi Gothic";
	font-size: 17px;
	padding-left: 38px;
}
.ttl-low4-1 {
	background: url(../img/ttl-low4-1_bg.png) no-repeat left 4px bottom 5px;
	background-size: 24px auto;
	color: #49c1f0;
	border-bottom: 1px dotted #49c1f0;
}
.ttl-low4-2 {
	background: url(../img/ttl-low4-2_bg.png) no-repeat left 4px bottom 5px;
	background-size: 24px auto;
	color: #fe8996;
	border-bottom: 1px dotted #fe8996;
}
.ttl-low5 {
	font-family: "Sawarabi Gothic";
	font-size: 17px;
	padding-left: 38px;
}
.ttl-low5-1 {
	background: url(../img/ttl-low4-1_bg.png) no-repeat left 4px bottom 5px;
	background-size: 24px auto;
	color: #49c1f0;
}
.ttl-low5-2 {
	background: url(../img/ttl-low4-2_bg.png) no-repeat left 4px bottom 5px;
	background-size: 24px auto;
	color: #fe8996;
}
.ttl-low4-1 {
	background: url(../img/ttl-low4-1_bg.png) no-repeat left 4px bottom 5px;
    background-size: 24px auto;
    color: #49c1f0;
    border-bottom: 1px dotted #49c1f0;
}
.ttl-low4-2 {
	background: url(../img/ttl-low4-2_bg.png) no-repeat left 4px bottom 5px;
    background-size: 24px auto;
    color: #fe8996;
    border-bottom: 1px dotted #fe8996;
}

/*　画像・レイアウト */
.two-column img:nth-of-type(odd) {
	float: left;
}
.two-column img:nth-of-type(even) {
	float: right;
}
.haif-two-column img {
	float: right;
	margin: 0 0 10px 10px;
}
.three-column img {
	float: left;
	margin-right: 5px;
}
.three-column img:last-child {
	margin-right: 0;
}
.four-column img {
	float: left;
	margin-right: 10px;
}
.four-column img:last-child {
	margin-right: 0;
}
/*　リストマーク */
.circle-mark li{
	margin-right:1em;
	text-indent: -1em;
}
.circle-mark li:before {
	content: "・";
}
/*　下層キャッチコピー */
.page-catch {
	margin: 25px auto 40px;
	text-align: center;
	font-size: 22px;
	line-height: 2.2;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 20px;
	color: #323232;
}
.page-catch.column{
	padding: 20px 20px;
	border: 4px double #fc9b2a;
}

/*
     10. 404 error
 ========================================================================== */ 
.error {
	text-align: center;
	font-size: 20px;
	height: 120px;
	padding-top: 150px;
}





/*
	00. common
========================================================================== */
header {
	padding-bottom: 3px;
}
.contents {
	width: 710px;
	margin:0 auto;
	position: relative;
}
.anchor {
	position: absolute;
	top: -142px;
}

/*
	05. whitening（ホワイトニング）
========================================================================== */
section.whitening {
	margin-bottom: 50px;
}
.whiteness .ttl-low7 {
	border-bottom: 1px solid #4D4D4D;
}
.whiteness h4 {
	border-radius: 6px;
	display: inline-block;
	background-color: #88cc00;
	color: #fff;
	text-align: center;
	padding: 3px 18px;
	margin: 10px;
}
.whiteness .case-records li {
	margin-bottom: 10px;
}

.whiteness .pract {
	width: 710px;
	margin: 0 auto;
}

.whiteness .pract li {
	list-style: none;
	padding: 10px 15px;
}
.whiteness .number {
	width: 26px;
	float: left;
	font-size: 24px;
	line-height: 1;
	color: #88cc00;
}
.whiteness .sentence {
	float: right;
	width: 640px;
	margin-bottom: 10px;
}
.whiteness .sentence img {
	display: block;
	margin: 10px auto 20px;
}
.whiteness .step {
	width: 610px;
	margin: 10px auto;
}
.whiteness .step figure {
	width: 130px;
	float: left;
	font-size: 12px;
	padding-right: 22px;
	margin-right: 4px;
	background: url(../img/whitening/arrow03.png) no-repeat right 30px;
}
.whiteness .step figure:last-child {
	padding-right: 0;
	margin-right: 0;
	background: none;
}
.whiteness .step figure img {
	margin-bottom : 5px;
	display: block;
}
.whiteness .step2 figure {
	width: 162px;
	padding-right: 34px;
	background-position: right 45px;
	margin-right: 10px;
}

.dual {
	width: 710px;
	margin:0 auto;
}
.dual dt {
	margin-bottom: 5px;
	font-size: 18px;
}
.dual dd {
	margin-bottom: 20px;
	padding-left: 10px;
}
.dual dd img {
	float: left;
}
.dual dd table {
	width: 470px;
	float: right;
	border: 1px solid #B9B9B9;
	border-collapse: collapse;
}
.dual dd th {
	background-color: #eee;
	padding: 6px 15px;
	border: 1px solid #B9B9B9;
	width: 4em;
	vertical-align: middle;
}
.dual dd td {
	vertical-align: middle;
	padding: 6px 15px;
	border: 1px solid #B9B9B9;
}



/*
	13. price（料金）
========================================================================== */   
.price-menu {
	padding: 0 10px 30px;
}
.price-menu li {
	float: left;
	width: 200px;
	margin: 0 15px 15px 0;
}
.price-menu a {
	display: block;
	border-radius: 5px;
	border: 1px solid #6cd1ff;
	line-height: 40px;
	padding-left: 15px;
}
.price-menu a:hover {
	background: #aae4ff;
	color: #fff;
}
.credit {
	font-size: 18px;
	margin: 20px 10px 10px;
}
.attend {
	padding: 0 20px;
	margin-bottom: 40px;
}
.price-list {
	margin-bottom: 40px;
}
.item {
	width: 710px;
	margin:0 auto;
	padding: 0 0 20px;
}
.ttl-price {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 8px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.ttl-price.im {
	margin-bottom: 0;
}
.featurea {
	float: right;
	width: 340px;
	padding-top: 5px;
}
.featurea dt {
	font-size: 16px;
}
.featurea dd {
	margin: 0 0 20px 10px;
}
.pricetable,
.imptable {
	width: 710px;
	margin: 20px auto;
	border: 1px solid #9e9a98;
	border-collapse: collapse;
	clear: both;
}
.pricetable.mb0{
	margin-bottom: 0;
}
.ttl-price.im + .imptable {
	margin: 0 auto 20px;
}
.pricetable th,
.imptable2 th {
	text-align: center;
	background: #cccccc;
	padding: 5px;
	border: 1px solid #9e9a98;
	vertical-align: middle;
}
.pricetable td {
	text-align: center;
	padding: 5px;
	border: 1px solid #9e9a98;
	vertical-align: middle;
}
.rezin.case-records {
	padding: 20px 80px;
	background: url(../img/arrow02.png) no-repeat center 130px;
}
.imptable th {
	text-align: center;
	border: 1px solid #9e9a98;
	vertical-align: middle;
}
.imptable td {
	text-align: center;
	border: 1px solid #9e9a98;
	vertical-align: middle;
	padding: 10px;
}
.home-white td {
	padding: 10px 0;
}
.home-white img {
	margin-right: 10px;
}
.black-price {
	margin: 0 0 20px 10px;
}
.black-price dt:after {
	content: "：";
}
.black-price dt {
	float: left;
	width: 3em;
	clear: both;
}
.black-price dd {
	float: left;
	text-align: right;
	width: 5em;
}
.ttl-price.ortho {
	margin: 20px 0 0 0;
}
.pricetable.aso {
	margin: 10px auto 30px;
}
.pricetable.ort,
.pricetable.roo {
	margin: 10px auto;
}
.aso td {
	padding-top: 10px;
	width:50%;
}
.ort td {
	padding: 10px 20px;
}
.ort .t1 {
	width: 160px;
	padding-bottom: 15px;
}
.ort .t2 {
	width: 240px;
}
.ort td p:nth-of-type(1) {
	margin-bottom: 5px;
}
.att-1 {
	margin: 10px;
}
.roo .t1 {
	width: 3em;
}
.ded {
	padding: 0 10px;
}
.ded h3 {
	margin-bottom: 5px;
}
.ded img {
	display: block;
	margin: 15px auto 20px;
}
.ded ul {
	margin-bottom: 20px;
}
.ded ul li {
	padding-left: 1em;
	margin-bottom: 10px;
}
.ded ol li {
	padding-left: 1em;
	list-style: none;
	margin: 0;
}
.calculate {
	text-align: center;
	background-color: #ffda99;
	line-height: 26px;
	width: 432px;
	margin: 20px auto 8px;
}
.asideroot{
	font-size: 12px;
	color: #8F8F8F;
	text-align: right;
	margin-top: 8px;
}

/*
	botox（ボツリヌス療法）
========================================================================== */

.page-catch .txt80{
	font-size:80%;
}

.w-710 {
	width: 710px;
	margin:0 auto;
}

@charset "UTF-8";
/*==========================================================================

	00. common
	01. pediatric(子供の歯並び改善)
	02. trauma(歯の外傷)
	03. caries(痛くない虫歯治療)
	04. prevent(0歳児からの予防歯科)
	05. food(食育指導)
	06. whitening(ホワイトニング)
	07. invizalign(マウスピース矯正)
	08. tartar_removal(歯石除去／着色除去)
	09. riskcheck(虫歯／歯周病リスクチェック)
	10. staff(院長スタッフ紹介)
	11. tour(院内ツアー)
	12. price(料金表)
	13. map_time(地図・診療時間)
	14. recruit(スタッフ募集)
	15. contact(問い合わせ)
	16. pediatric-other（その他の小児矯正）
	17. sleep（睡眠時無呼吸症候群）

	23.CMS
========================================================================== */

/*
	01. common
========================================================================== */
/* page-catch title */
.page-catch .catch_ttl{
	width:610px;
	margin:0 auto 15px auto;
	padding:5px 0;
	color:#FFF;
	border-radius: 5px;
	background:#FF719F;
}



/*
	06. whitening(ホワイトニング)
========================================================================== */
section.whitening {
	padding-bottom: 40px;
}
/* underline */
.page-catch .wht_underline {
	position: relative;
}
.page-catch .wht_underline:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	border-bottom: 2px #fe8996 solid;
}
/* market price */
.whitening .market{
	text-align: center;
}
.whitening .market li{
	width:40%;
	margin:0 10px;
	vertical-align:top;
	display: inline-block;
}
.whitening .market dt{
	padding:5px 0;
	font-size:120%;
	color:#FFF;
}
.whitening .market dd{
	padding:10px 0;
	font-size:120%;
	font-weight:bold;
	background:#FFF;
}
.whitening .pop{
	background:url(../img/ttl-low1-2_bg.gif) repeat;
}
.whitening .clinic{
	background:url(../img/ttl-low1-1_bg.gif) repeat;
}


/*
	10. staff(院長スタッフ紹介)
========================================================================== */
section.staff {
	width: 710px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.staff .photo img{
	width: 700px;
	height: auto;
}
.staff .name {
	font-size: 20px;
}
.staff .name2 {
	font-size: 14px;
}
.staff .name3{
	line-height:20px;
}
.staff .name4{
	font-size: 18px;
}
.staff .staff-column > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.staff .staff-column > ul > li{
	width: 340px;
	text-align: center;
}
.staff .staff-column li img{
    max-width:100%;
    box-sizing:border-box;
}
.staff .staff-column li .profile {
	padding-top: 0.5em;
	font-size: 12px;
	text-align: left;
	display: block;
	width: 25em;
	margin: 0 auto;
}
.staff .staff-column li .profile li{
	text-indent:-1em;
	margin-left:1em;
}
.staff .mb30-pconly{
	margin-bottom:30px;
}
.staff .blank{
	height:412px;
}


section.botox {
	padding-bottom: 50px;
}