@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "fvn.css";
@import url('https://fonts.googleapis.com/css2?family=Ephesis&display=swap');
/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
pre,
address,
li,
dt,
dd {
	font-size: 140%;
}

h1 {
	margin: 0;
	padding: 0
}

/* Header内で設定 */
h2 {
	margin: 0;
	padding: 0;
}

h3 {}

h4 {}

a {
	color: #ff7f00;
	text-decoration: none;
}

a:hover,
a:active {
	color: #ff7f00;
	text-decoration: underline;
}

a:visited {}

ul {}

li {}

dl {}

dt {}

dd {}

table {}

th,
td {}

th {}

td {}

p {
	margin: 0;
	line-height: 1.6em;
}

.section {
	margin: 0 15px 0 20px;
}

.image_l {
	float: left;
	margin: 0 16px 8px 0;
}

.image_r {
	float: right;
	margin: 0 0 8px 16px;
}

.img_l {
	float: left;
	margin: 0;
}

.img_r {
	float: right;
	margin: 0;
}

.f_L {
	float: left;
}

.hidden {
	display: none;
}

.cl_red {
	color: #ff3366;
}

.cl_violet {
	color: #90339D;
}

/* add
------------------------------------------------------------------------*/
.mb0 {
	margin-bottom: 0px;
}

.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

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

.mb15 {
	margin-top: 15px;
}

.mR20 {
	margin-right: 20px;
}
.ml10{
	margin-left: 10px !important;
}
.pR_20 {
	padding-right: 20px;
}

.al_C {
	text-align: center;
}

.txt_bold {
	font-weight: bold;
}

.ml20 {
	margin-left: 20px;
	margin-top: 25px;
}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	background: url(../images/bg_top.jpg) repeat-x top left;
	color: #434343;
	text-align: center;
}

#wrapper {
	width: 100%;
	background: url(../images/bg.jpg) no-repeat top center;
	text-align: center;
}

#wrapper_inner {
	width: 900px;
	margin: 0 auto;
}

#main {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: url(../images/main_bg.jpg) left repeat-y;
}

#content {
	width: 675px;
	text-align: left;
	float: right;
	padding: 0;
	margin-bottom: 5px;
	background: #FFF;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 900px;
	height: 120px;
	/*background:url(../images/header_bg.jpg) top repeat-x;*/
}

#header h1 {
	font-size: 12px;
	float: left;
	text-align: left;
	width: 650px;
	padding-top: 9px;
	color: #8B5C29;
}

#header .h_header {
	width: 900px;
	height: 92px;
}

#header .h_header .imgh1 {
	float: right;
	width: 185px;
	padding-top: 3px;
}

#header .h_header .imgh1 li {
	font-size: 0;
	float: left;
}

#header .h_header .hnav {
	padding-top: 25px;
	display: block;
	float: right;
	width: 675px;
	height: 43px;
}

#header .h_header .hnav li {
	float: left;
	font-size: 0;
}

#header .mainimg {
	width: 900px;
	text-align: left;
}

#header .mainimg .logo {
	float: left;
	width: 225px;
	background: url(../images/bg_logo.jpg) no-repeat;
	height: 300px;
}

#header .mainimg .logo li {
	text-align: right;
}

#header .mainimg h2 {
	float: left;
}

#header02 {
	width: 900px;
}

#header02 p {
	padding: 0;
	margin: 0;
	line-height: 0;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	border-top: solid 1px #d5cbaf;
	width: 100%;
	text-align: center;
	min-width: 900px;
}

#footer #footer_inner {
	width: 900px;
	margin: 0 auto;
}

#footer #footer_inner p {
	margin: 18px 0 0 22px;
	float: left;
}

#footer #footer_inner address {
	margin: 18px 10px 0 0;
	float: right;
}

/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

.bnrweb {
	margin-bottom: 5px;
}

#navLeft {
	float: left;
	width: 225px;
	text-align: center;
	padding: 0;
	background: url(../images/nav_bg.jpg) top no-repeat;
}

#navLeft ul li {
	font-size: 0;
}

#navLeft .snav01 {
	background: url(../images/snav01_title.jpg) no-repeat;
	padding: 39px 4px 4px 4px;
	margin-bottom: 15px;
	margin: 15px 5px 5px;
}

#navLeft .snav01 li {
	margin-bottom: 3px;
}

#navLeft .snav02 {
	/*background:url(../images/snav02_title.jpg) no-repeat;*/
	padding: 10px 4px 4px 0px;
	margin-bottom: 15px;
	margin: 0px 5px 2px;
}

#navLeft .snav02 li {
	margin-bottom: 3px;
	position: relative;
}

#navLeft .snav02 li a {
	display: block;
}


/*ボタン設定*/

li.nav03a a.menu1 {
	background: url(../images/snav02_title01.jpg) no-repeat;
	width: 215px;
	height: 41px;
}

/*コンセプト*/
li.nav03a a.menu2 {
	background: url(../images/snav02_title02.jpg);
	height: 41px;
	width: 215px;
}

/*コンセプト*/


/* マウスオーバー*/

li.nav03a a.menu1:hover {
	background-position: -266px -40px;
	background: url(../images/snav02_title01.jpg) no-repeat;
	width: 215px;
	height: 41px;
}



/* クリック
 li.nav01 a:active {width:100px; background-position:  0px -70px; }
 li.nav02 a:active { background-position: -150px -70px; }
 li.nav03 a:active { background-position: -300px -70px; }
 li.nav04 a:active { background-position: -450px -70px; }
 li.nav05 a:active { background-position: -600px -70px; }
 li.nav06 a:active { background-position: -750px -70px; }
*/


/* 現在位置を反転表示*/

li.nav03a a.on {
	background: url(../images/snav02_title02.jpg) no-repeat;
	height: 485px;
	width: 215px;
}
















#navLeft .snav03 {
	margin-top: 15px;
}

#navLeft .snav03 li {
	margin-bottom: 10px !important;
}

#navLeft .home {
	margin-top: 15px;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/


/* index
------------------------------------------------------------------------*/

#index #navLeft {
	float: left;
	width: 225px;
	text-align: center;
	padding: 0 0 20px 0;
	background: url(../images/nav_bg_i.jpg) top no-repeat;
}

#index h2 {
	margin-bottom: 27px;
}

#index h3 {
	margin: 0px 0px 13px 0;
}

#index .section p {
	margin-bottom: 12px
}

.txttop {
	font-weight: bold;
	color: #ff6163;
}

#index .topbox01 {
	background: url(../images/bg_topbox01.jpg) no-repeat top right;
	padding-left: 12px;
}

#index .topbox01 .w420 {
	width: 420px;
}

#index .topbox02 {
	margin: 0px 0 0px 0px;
}

#index .topbox02_02 {
	padding: 0;
}

#index .topbox02 .topbox02_inner {
	margin: 10px;
	width: 300px;
}

#index .topbox02 .topbox02_inner dl {
	width: 270px;
	padding: 10px 15px;
	font-size: 95%;
	margin-bottom: 10px;
	border: solid 4px #e9e5d3;
	background: #FFF;
}

#index .topbox02 .topbox02_inner dl dt {
	width: 80px;
	float: left;
	color: #FF6163;
	font-weight: bold;
	text-align: left;
}

#index .topbox02 .topbox02_inner dl dd {
	width: 246px;
	padding-left: 85px;
	text-align: left;
}




*html #index .topbox02 {
	margin: 0px 0 0px 0px;
}

*html #index .topbox02_02 {
	padding: 0;
}

*html #index .topbox02 .topbox02_inner {
	margin: 10px;
	width: 300px;
}

*:first-child+html #index .topbox02 .topbox02_inner dl {
	width: 270px;
	padding: 10px 15px;
	font-size: 95%;
	margin-bottom: 10px;
	border: solid 4px #e9e5d3;
	background: #FFF;
}

*:first-child+html #index .topbox02 .topbox02_inner dl dt {
	width: 80px;
	float: left;
	color: #FF6163;
	font-weight: bold;
}

*:first-child+html #index .topbox02 .topbox02_inner dl dd {
	width: 200px;
	padding-left: 0;
	float: right;
}

*:first-child+html .pt38 {
	padding-top: 38px;
}





.bnrhiro {
	margin: 0 0 25px 10px;
}

#tiny_box {
	/*background: #FCF7EB;*/
	padding: 10px;
	background: url(../images/tiny_bg.jpg) no-repeat;
	/*width:640px;*/
	height: 230px;
	_height: 250px;
	display: block;

}

#tiny_box h3 {
	margin-bottom: 0;
}

#tiny {
	padding: 10px;
	border: 1px #C1BA9D solid;
	background: #FFF;
	overflow: auto;
	height: 170px;
}

#tiny table {
	border: none;
  margin: 0 !important;
}

#tiny table td {
	border: none;
}

/* #tiny table >tbody> tr:nth-child(4),
#tiny table >tbody> tr:nth-child(5)
{
	display: none;
} */
.googlemaps {
	float: right;
	margin: 10px;
	border: 2px #EFE5DA solid;
}

.index_box {
	float: left;
	width: 300px;
}

/* under
------------------------------------------------------------------------*/

.under h2 {
	padding: 0 0 0 20px;
	margin-bottom: 18px;
}

.under h3 {
	margin-bottom: 10px;
}

.under h4 {
	margin: 20px 0;
	height: 15px;
}

.under h5 {
	margin: 20px 0;
	padding: 0;
}

.under #header .mainimg .logo {
	background: none;
	height: 250px;
}

#content .imgmain_under {
	margin: 0 0 20px 0;
	float: left;
}


.under .section p {
	margin-bottom: 15px;
}

.under .section {
	/*background-color:#faf9f8*/
	padding: 0px;
}

.under .section .section_inner {
	padding: 12px 0px;
	width: 605px;
}

*html .under .section .section_inner {
	width: 605px;
}

.under .section .section_inner .conbox {
	background-color: #FFF;
	padding: 10px 0px;
}

.under dl {
	width: 100%;
	background-color: #faf9f8;
	border: solid 1px #e9e5d3;
}

.under dl dt {
	float: left;
	width: 208px;
	text-align: center;
	padding: 10px;
	border-right: solid 1px #e9e5d3;
}

.under dl dt img {
	border: solid 1px #CCC;
	margin: 2px 2px 10px 2px;
	padding: 2px;
}

.under dl dd {
	float: left;
	width: 330px;
	text-align: left;
	padding: 10px;
}

.under .section .section_inner .conbox .unbox {
	margin: 0 0 20px 0;
	width: 100%;
}

.under table {
	width: 100%;
}



/* about
------------------------------------------------------------------------*/


/* clinic
------------------------------------------------------------------------*/

#clinic dl {
	background-color: #faf9f8;
	border: solid 1px #e9e5d3;
}

#clinic dl dt {
	float: left;
	width: 199px;
	border-right: solid 1px #e9e5d3;
}

#clinic dl dt img {
	border: none;
	padding: 0;
}

#clinic dl dd {
	float: left;
	width: 340px;
}

/* concept
------------------------------------------------------------------------*/



/* caries
------------------------------------------------------------------------*/
#caries dl {
	width: 100%;
	margin-bottom: 20px;
}

#caries dl dt {
	width: 220px;
	text-align: center;
	float: left;
	padding: 0;
}

#caries dl dd {
	width: 340px;
	float: left;
	padding: 0;
}

*html #caries dl dd {
	width: 320px;
}

#caries .tbl01 th {
	width: 25%;
}

#caries .tbl02 {
	margin-bottom: 10px;
}

#caries .tbl02 th {
	text-align: left;
}

#caries .tbl02 th span {
	background: url(../images/arrow.jpg) no-repeat;
	padding-left: 25px;
}


/* esthe
------------------------------------------------------------------------*/


#esthe .esthebox dt {
	float: left;
	width: 208px;
	text-align: center;
	padding: 10px;
	border-right: solid 1px #e9e5d3;
}

#esthe .esthebox dt img {
	border: solid 1px #CCC;
	margin: 2px 2px 10px 2px;
	padding: 2px;
}

#esthe .esthebox dd {
	float: left;
	width: 330px;
	text-align: left;
	padding: 10px;
}

#esthe div.esthebox {
	padding: 10px;
	border: solid 1px #e9e5d3;
}

#esthe div.esthebox div {
	padding: 0 10px 10px;
	width: 270px;
	float: left;
}

#esthe div.esthebox p.text {
	text-align: left;
}

#esthe div.esthebox .doubleImage {
	height: 200px;
}

#esthe div.esthebox .sr_doubleImage {
	height: 160px;
}



*html #esthe div.esthebox div {
	padding: 0 10px 10px;
}

*html #esthe div.esthebox p.text {
	text-align: left;
}

*html #esthe div.esthebox .doubleImage {
	height: 200px;
}



#esthe .tbl03 th {
	width: 20%;
}

#esthe .list {
	background: url(../images/esthe_bg.jpg) no-repeat;
	padding: 10px;
	width: 580px;
	height: 100px;
}

#esthe .list ul li {
	background: url(../images/bg_list.jpg) no-repeat;
	padding-left: 15px;
}

/* implant
------------------------------------------------------------------------*/


#implant .imanchor li {
	float: left;
	width: 288px;
	height: 30px;
	border: solid 1px #c1ba9d;
	margin: 20px 0;
	text-align: center;
	padding-top: 15px;
	background-color: #e7e1d1;
	font-weight: bold;
}

#implant .imanchor li a {
	text-decoration: underline;
}

#implant .imanchor li a:hover {
	text-decoration: none;
}

*html #implant .imanchor li {
	width: 290px;
	height: 40px;
}

#implant .tbl04 th {
	background-color: #e7e1d1;
	width: 30%;
}

#implant .tbl05 th {
	width: 50%;
}


/* ortho
------------------------------------------------------------------------*/

#ortho .tbl04 th {
	background-color: #e7e1d1;
	width: 25%;
}

#ortho #content .list {
	background-color: #faf9f8;
	border: solid 1px #e9e5d3;
	padding: 10px;
	margin-bottom: 20px;
}

#ortho #content .list ul li {
	background: url(../images/bg_list.jpg) no-repeat;
	padding-left: 15px;
	line-height: 18px;
}




/* pedodontics
------------------------------------------------------------------------*/

#pedo .tbl04 th {
	background-color: #e7e1d1;
	width: 190px;
}


/* prevention
------------------------------------------------------------------------*/

#prevent .tbl04 th {
	background-color: #e7e1d1;
	width: 25%;
}

.middled {
	vertical-align: middle;
}

.topped {
	vertical-align: top;
}







/*sitemenu */
#navLeft .sdmenu {
	width: 225px;
	text-align: center;
	margin: 0;

}

.sdmenu .title,
.sdmenu .titlehidden {
	display: block;
	padding: 5px 0 0 0px;
	font-weight: bold;
}

.sdmenu .titlehidden {
	border-bottom: none;
}

.sdmenu .submenu {
	overflow: hidden;
	text-indent: 0;
	display: block;
	padding-left: 5px;
	background: url(../images/snav02_title02.jpg) no-repeat;
	height: 483px;
	margin-left: 5px;
}

.sdmenu .submenu a {
	display: block;
	width: 205px;
	text-indent: 0;
	margin-bottom: 3px;
	_margin-right: 10px;
}

.sdmenu .submenu a:hover {
	background: #066;
	color: #FFF;
	text-align: left;
	margin-bottom: 3px;
	_margin-right: 10px;
}

*:first-child+html .sdmenu .submenu a {
	margin-right: 10px;
}



#box_top {
	background: url(../images/bg_001.jpg) no-repeat;
	width: 640px;
	height: 12px;
	margin: 0;
	padding: 0;
}


#box_mid {
	background: url(../images/bg_002.jpg) repeat-y;
	width: 632px;
	height: auto;
	padding: 0px 10px 0px 18px;
}

#box_mid1 {
	background: url(../images/bg_002.jpg) repeat-y;
	width: 632px;
	height: 290px;
	padding: 0px 10px 0px 8px;
}

*html #box_mid1 {
	background: url(../images/bg_002.jpg) repeat-y;
	width: 640px;
	height: 290px;
	padding: 0px 0px 0px 9px;
	clear: both;
	margin-top: -1px;
}




*html #box_mid {
	background: url(../images/bg_002.jpg) repeat-y;
	width: 640px;
	height: auto;
	padding: 0px 0px 0px 20px;
	clear: both;
	margin-top: -1px;
}




#box_bottom {
	background: url(../images/bg_003.jpg) no-repeat;
	width: 640px;
	height: 12px;
}

* html #prevent #content {
	width: 655px;
	text-align: left;
	float: right;
	padding: 0;
	margin-bottom: 5px;
	background: #FFF;
}

* html #caries #content {
	width: 655px;
	text-align: left;
	float: right;
	padding: 0;
	margin-bottom: 5px;
	background: #FFF;
}

* html #esthe #content {
	width: 655px;
	text-align: left;
	float: right;
	padding: 0;
	margin-bottom: 5px;
	background: #FFF;
}

* html #implant #content {
	width: 665px;
	text-align: left;
	float: right;
	padding: 0;
	margin-bottom: 5px;
	background: #FFF;
}

* html #ortho #content {
	width: 655px;
	text-align: left;
	float: right;
	padding: 0;
	margin-bottom: 5px;
	background: #FFF;
}

* html #pedo #content {
	width: 655px;
	text-align: left;
	float: right;
	padding: 0;
	margin-bottom: 5px;
	background: #FFF;
}



.txtcolor {
	color: #990000;
	font-weight: bold;
	background-color: #fedebd;
}

.sr_mar {
	margin: 10px 0 7px 0;
}

.marB20 {
	margin-bottom: 20px;
}

.marB10 {
	margin-bottom: 10px;
}

.mt10 {
	margin: 10px 0 0 0;
}


.mar10 {
	margin: 10px 0;
}

.mar5 {
	margin: 5px 0;
}

.tleft {
	text-align: left;
}

.red {
	color: #FF0000;
}

.bold {
	font-weight: bold;
}

.green {
	color: #079A2C;
}


/**pagetop*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 50px;
}

.pagetop a {
	display: block;
}

.pagetop a:hover {
	opacity: 0.8;
}

#box_mid.fix {
	padding: 5px 10px 5px 18px;
}

#index #content h2 {
	position: relative;

}

#index #content h2 p.txt_h2 {
	position: absolute;
	bottom: 18px;
	right: 20px;
	color: #59351f;
	font-size: 28px;
	line-height: 1.4;
	text-align: center;
	text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 2px 3px 2px #333;
	/* text-shadow: 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 0px 0px 10px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255), 2px 2px 3px #333; */
}

.txt_small {
	font-size: 18px;
}

.txt_color {
	color: #f3624f;
}

h3.h3_sty01 {
	padding: 10px;
	font-size: 25px;
	letter-spacing: -1px;
	background: url(../images/line.jpg) no-repeat left bottom / 100%;
	color: #362b0f;
	text-shadow: 0px 0px 1px #ccc;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

.txt_en {
	color: #c0b388;
	font-size: 18px;
	float: right;
	position: relative;
	bottom: -12px;
	font-family: 'Ephesis', cursive;
	font-weight: 400;
	letter-spacing: 0.01em;
}

h3.h3_sty02 {
	font-size: 26px;
	color: #412702;
	padding: 10px;
	text-shadow: 0px 0px 1px #ccc;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	background: url(../images/line.jpg) no-repeat left bottom / 100%;
}

h3.h3_sty03 {
	font-size: 20px;
	padding-bottom: 10px;
	color: #412702;
	text-shadow: 0px 0px 1px #ccc;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

h3.h3_sty03 span.txt_color {
	font-size: 28px;
}

h3.h3_sty03 .txt_en {
	padding-right: 15px;
}
h3.h3_sty04{
	font-size: 17px;
	padding-left: 5px;
	font-weight: bold;
	color: #412702;
	text-shadow: 0px 0px 1px #ccc;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
h2.h2_sty01 {
	color: #412702;
	font-size: 27px;
	width: 615px;
	margin: 0 auto 20px;
	padding: 10px 10px 5px;
	text-shadow:0px 1px 3px #ccc;
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	background: url(../images/line.jpg) no-repeat left bottom / 100%;
}
h4.h4_sty01{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #ff5e61;
}
h4.h4_sty01::before{
	position: absolute;
	content: "";
	height: 100%;
	width: 3px;
	left: 0;
	top: 0;
	background:#ff5e61 ;
}
h4.h4_sty01.ml10::before{
	width: 6px;
}
h4.h4_sty01 span{
	padding-left: 15px;
}
h5.h5_sty01{
	position: relative;
	display: flex;
	align-items: center;	
	width: 580px;
	font-size: 16px;
	padding-bottom: 5px;
	color: #ff5e61;
	border-bottom: 3px solid #ff5e61;
  border-bottom-style: double;
}
h5.h5_sty01::before{
	display: block;
	content: "";
	margin-left: 2px;
	background: url(../images/icon_01.jpg) no-repeat left;
	width: 17px;
	height: 17px;

}
h5.h5_sty01 span{
	padding-left:5px;
}

.section.ins img{
	max-width: 100%;
}

@media screen and (min-width: 769px) {
  .pc_none,.sp_nav, #fix_menu {
      display: none !important;
  }

  a.pc_click_none {
      pointer-events: none;
      display: block;
  }
}

@media screen and (max-width: 768px) {
  .pc_none {
      display: block;
  }

  .sp_none, .sp_nav a.none:after, #header .h_header .imgh1,#header02 .headtime,.footer_right ul,#navLeft .home,#navLeft .snav01,#navLeft .sdmenu,#navLeft .navbot {
      display: none;
  }

  #header, #content, #main, #footer #footer_inner, #footer #footer_inner>*, #footer #footer_inner, #header .h_header, #header h1, #wrapper_inner, #box_mid1, .w420, .image_r, .image_l, #header02, .under .section .section_inner, #box_mid, h2.h2_sty01, .under dl>*, .img_l, .img_r, #tiny_box, #box_bottom, .googlemaps, .index_box, h5.h5_sty01, .f_L, .f_R, #esthe div.esthebox .doubleImage,.navbot .nav_inner,#content .imgmain_under {
      width: auto !important ;
      min-width: inherit !important;
      float: none !important;
      height: initial !important;
      margin-left: auto;
      margin-right: auto;
  }

  #header {
      position: relative;
      top: inherit;
      left: inherit;
      margin-left: auto;
  }

  html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, dt, dd, address {
      margin: 0;
      padding: 0;
      /* font-family: "Sawarabi Mincho", serif; */
  }

  * {
      -webkit-box-sizing: border-box;
      /* Safari,Google ChromeÍÑ */
      -moz-box-sizing: border-box;
      /* FirefoxÍÑ */
      -ms-box-sizing: border-box;
      /* Internet Explorer 8ÍÑ */
      box-sizing: border-box;
      /* OperaÍÑ */
      min-width: inherit!important;
      margin-left: auto;
      margin-right: auto;
      word-break: break-all;
      float: none;
      word-break: break-word;
      /* border: 2px solid red; */
  }

  html {
      font-size: 62.5%;
  }

  body {
      -webkit-text-size-adjust: none;
      font-size: 1.4rem;
      line-height: 1.6;
      letter-spacing: 0;
      margin-bottom: 65px;
      overflow: auto;
  }

  img {
      max-width: 100%;
      height: initial;
      display: block;
      margin: auto;
  }

  h2, h3, h4, h5, h6 {
      line-height: 1.3;
  }

  h1 {
      font-size: 1rem !important;
      float: none;
      background: #d0bb91;
      padding: 10px;
      min-height: 39px;
      display: flex;
      align-items: center;
  }

  h2 {
      font-size: 2rem !important;
  }

  h3 {
      font-size: 1.5rem !important;
  }

  h3.mb30,h4.mb30 {
      margin-bottom: 15px !important;
  }

  h4, .faq dt {
      font-size: 1.5rem !important;
  }

  h5 {
      font-size: 1.4rem;
      padding: 1px 0 0px 20px;
      margin-bottom: 10px;
  }

  h6 {
      font-size: 1.4rem;
  }

  table,table[class] {
      width: 100% !important;
      border-collapse: collapse;
      border-spacing: 0;
      table-layout: fixed;
      margin-bottom: 30px !important;
  }
  #access + .conbox table {
    margin: 0 !important;
  }

  #content th,#content td {
      vertical-align: top;
      padding: 10px;
      word-break: break-all;
      display: block;
      width: 100%!important;
  }

  .mailform {
      margin: 0 0 10px;
  }

  .scroll_sp th, .tbl_pc th,.scroll_sp td, .tbl_pc td {
      display: table-cell !important;
      width: auto !important;
  }

  #fix_menu ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  #fix_menu li {
      width: 49%;
  }

  #fix_menu ul {
      /* width: 310px; */
      margin: auto;
  }

  #fix_menu {
      background: rgba(255, 255, 255, 0.8);
      padding: 5px;
      overflow: auto;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 999;
  }

  #fix_menu li:nth-child(2) a {
      background: #ffffff;
      color: white;
      border: 2px solid #4f58d1;
      padding: 0px 20px;
      border-image-source: linear-gradient( 169deg, blue, #ffaf4c, #ce00ad );
      border-image-slice: 1;
      img {
        max-width: 135px;
      }
  }

  #fix_menu li:nth-child(2) a:before, #fix_menu li:first-child a:before {
      content: "";
      position: absolute;
      width: 17px;
      height: 10px;
      background: #fff;
      top: 0;
      left: 9px;
      bottom: 0px;
      margin: auto;
      display: block;
  }

  #fix_menu li:nth-child(2) a:before {
      background: url(../images/icon_mail_sp.gif) no-repeat;
  }

  #fix_menu li:first-child a:before {
      background: #19ad89;
      background: url(../images/icon_tel_sp.gif) no-repeat;
      width: 12px;
      height: 20px;
  }

  #fix_menu li:first-child a {
      border: 2px solid #ec647f;
      color: #ec647f;
      background: white;
  }

  #fix_menu a {
      display: flex;
      padding: 2px;
      font-size: 1.4rem;
      width: 100%;
      box-sizing: border-box;
      text-align: center;
      text-decoration: none;
      position: relative;
      height: 50px;
      justify-content: center;
      align-items: center;
  }

  #sp-nav-toggle {
      display: block;
      position: fixed;
      right: 10px;
      top: 46px;
      width: 50px !important;
      height: 50px;
      cursor: pointer;
      background: #f6f5f4;
      padding: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      /* color: white; */
      margin: 0 !important;
      z-index: 99999;
      border: 1px solid #c8c8c8;
  }

  #sp-nav-toggle:after {
      content: "MENU";
      position: absolute;
      bottom: 4px;
      left: 0;
      right: 0;
      font-size: 1.2rem;
      text-align: center;
  }

  #sp-nav-toggle.open:after {
      content: "CLOSE";
  }

  #sp-nav-toggle div {
      position: relative;
      width: 100%;
  }

  #sp-nav-toggle span {
      display: block;
      position: absolute;
      width: 100%;
      border-bottom: solid 3px #333;
      -webkit-transition: .35s ease-in-out;
      -moz-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
  }

  #sp-nav-toggle span:nth-child(1) {
      top: -2px;
  }

  #sp-nav-toggle span:nth-child(2) {
      top: 5px
  }

  #sp-nav-toggle span:nth-child(3) {
      top: 12px
  }

  #sp-nav-toggle.open span:nth-child(1) {
      top: 6px;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  #sp-nav-toggle.open span:nth-child(2), #sp-nav-toggle.open span:nth-child(3) {
      top: 6px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  .sp_nav {
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      padding-top: 25px;
      z-index: 9999;
      display: none;
      color: #624d31;
      text-align: center;
      overflow: auto;
      overscroll-behavior-y: contain;
      background: #ffffff;
  }
.under .sp_nav dl,
	#index .sp_nav dl{
	margin: 0;
	border: none !important;
	background: none !important;
}
  .under .sp_nav dt,
	#index .sp_nav dt, .sp_nav li>span {
      position: relative;
      padding: 20px 10px 10px !important;
      text-align: left !important;
      border-bottom: none !important;
      font-size: 150%;
      display: block;
      font-weight: 700;
  }

  .sp_nav dt.open {
      border-bottom: none;
  }

  .sp_nav dd {
    padding: 0 0 20px;
  }

  .sp_nav dd dt {
      background: #07a781;
  }

  .sp_nav dd dt:after {
      display: none;
  }



  .sp_nav>* {
      transition: 0.4s;
  }

  .sp_nav.hidden>* {
      transform: translateX(-100%);
  }

  .sp_nav li:empty {
      border-bottom: 1px dotted #c3c3c3;
  }

  .sp_nav dl.fix dd {
      display: block;
  }

  .sp_nav a.close2 {
      text-align: center;
      justify-content: center;
      border-right: none !important;
  }

  .sp_nav a, .sp_nav .close {
      text-align: left;
      display: flex;
      padding: 10px;
      text-decoration: none;
      /* border-bottom: 1px dotted #c3c3c3; */
      width: 100%;
      color: inherit;
      align-items: center;
      justify-content: start;
      position: relative;
      font-size: initial;
  }

  .sp_nav a {
      padding: 8px 0px 6px 30px;
  }

  .sp_nav *:nth-child(odd) a {
      /* border-right: 1px dotted #c3c3c3; */
  }

  .sp_nav a:after, .sp_nav .close:after {
      content: "";
      left: 15px;
      top: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border-color: rgba(136, 183, 213, 0);
      border-left-color: white;
      border-width: 5px;
      bottom: 0;
      margin: auto;
  }

  .sp_nav a:after, .sp_nav .close:after {
      border-left-color: #ff646d;
  }

  .sp_nav .close {
      text-align: center;
      justify-content: center;
  }

  p:empty {
      display: none;
  }

  a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea {
      -ms-touch-action: manipulation;
      touch-action: manipulation;
  }

  .tbl_sp2 th .pc_none {
      display: none;
  }

  .tbl_sp2 tr:nth-child(1), .tbl_sp tr:nth-child(1) {
      display: none;
  }

  .tbl_sp2 tr:not(:nth-child(1)) >td {
      position: relative;
      padding: 10px 10px 10px 52%;
  }

  .tbl_sp2 .pc_none {
      background: #fef6ed;
      border-right: 1px solid #cdbfb4;
      color: #e89302;
      font-weight: 700;
      margin: 0;
      padding: 10px;
      text-align: center;
      width: 50%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .tbl_sp2 .pc_none span {
      font-size: 90%;
      color: #989898;
  }

  .tbl_sp tr:not(:nth-child(1)) >* {
      position: relative;
  }

  .tbl_sp .pc_none {
      background: #e8e0dc;
      border-bottom: 1px solid #cdbfb4;
      color: #5d4230;
      font-weight: 700;
      margin: -10px -10px 10px;
      padding: 10px;
      text-align: center;
  }

  .tbl_sp .pc_none span {
      font-size: 90%;
      color: #989898;
  }

  .target_link {
      font-size: 1.2rem;
      text-align: center;
      color: #808080;
  }

  /*インプットにはこれをいれる*/
  #fmail input[type="text"] {
      width: 100%!important;
      max-width: 100%!important;
      ox-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
  }

  /*テキストエリアにはこれを入れる*/
  #fmail textarea {
      height: 200px;
      width: 100%!important;
      max-width: 100%!important;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
  }

  input[value="郵便番号から住所を入力"] {
      display: none;
  }

  #twex {
      display: none!important;
  }

  form.fmail_submit, form.fmail_cancel {
      width: 100% !important;
      text-align: center !important;
  }

  span#fmail_title_default, span#fmail_title_confirm, span#fmail_title_error, span#fmail_title_thanks {
      display: none !important;
  }

  .scroll_sp {
      margin-bottom: 20px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch !important;
  }

  .scroll_sp::-webkit-scrollbar {
      width: 5px;
      background: #ccc;
  }

  .scroll_sp::-webkit-scrollbar:horizontal {
      height: 5px;
      background: #ccc;
  }

  .scroll_sp::-webkit-scrollbar-thumb {
      background: #969696;
      border-radius: 2px;
  }

  .scroll_sp::-webkit-scrollbar-thumb:horizontal {
      background: #969696;
      border-radius: 2px;
  }

  .scroll_sp table {
      width: 600px !important;
  }

  #box_top,#box_bottom {
      width: 100%;
      display: none;
  }
  .section.clearfix.ins a {
      line-height: 1;
      display: block;
  }

  .txt_small {
      font-size: 80%;
  }

  #index .topbox01 {
      padding: 0;
  }

  #content td.tn_image {
      padding: 0;
  }

  h3.h3_sty03 span.txt_color {
      font-size: 150%;
  }

  div#tiny_box {
      margin: 0 20px;
      background: #fdf7eb;
      border: 1px solid #ece5d5;
      border-radius: 5px;
  }

  #navLeft {
      float: none !important;
      margin: 0 auto 40px !important;
      background: #ebe5d7 !important;
      padding: 0 !important;
  }

  div#main {
      background: none;
  }
  .topbox02_02 {
      display: flex;
      flex-wrap: wrap;
  }

  .googlemaps {
      order: 1;
  }

  .topbox02 .topbox02_inner dl {
      width: 100% !important;
      display: flex;
      flex-wrap: wrap;
      dd {
        width: calc(100% - 90px) !important;
        padding: 0 !important;
        margin: 0 !important;
      }
  }

  div#box_mid1 {
      padding: 0 10px 10px;
      background: #faf9f7;
  }

  .footer_right {
      display: none;
  }

  #footer #footer_inner address {
      margin: 10px 10px 0;
  }

  .pagetop {
      width: 50px;
      bottom: 70px;
      right: 5px;
  }
  h2.h2_sty01 {
      margin: 0 10px 30px;
  }

  .under .section {
      border: 1px solid #c1ba9d;
  }

  div#box_mid {
      background-size: 100%;
      padding: 0px 10px;
      background: #faf9f8;
  }

  h4.h4_sty01 {
    margin-top: 30px;
    &:nth-child(1){
        margin-top: 0px;
      }
      span {
      display:block;
    }
      height: auto;
  }

  .under .section .section_inner .conbox {
      padding: 10px;
  }

  .under dl dt img {
      margin: 0 auto 5px;
  }

  .section {
      margin: 0 10px;
  }

  .under dl {
      margin-bottom: 20px;
  }
  iframe {
      height: 250px;
  }
  #caries dl dt {
      border-right: none;
      border-bottom: solid 1px #e9e5d3;
      padding: 10px;
  }

  #caries dl dd {
      padding: 10px;
  }

  h5.h5_sty01 span {
      margin: 0;
  }
  p:has([src="../images/pedo_img03.jpg"]) {
      overflow: hidden;
      border-left: 1px solid #c0bb9d;
      border-right: 1px solid #c0bb9d;
  }

  [src="../images/pedo_img03.jpg"] {
      max-width: 510px;
      transform: translateX(-5px);
  }
  #implant .imanchor li {
      padding: 0;
      width: 100%;
      height: auto;
      margin-bottom: 0;
  }

  #implant .imanchor li a {
      display: block;
      padding: 15px;
  }
  #esthe .list {
      width: auto;
      height: auto;
      background: #faf9f7;
      border: 1px solid #eae5d2;
  }
  .under .section .section_inner .conbox .unbox,#index h2 {
    margin: 0;
  }
  br.clear,body#caries td.center br,
  th img+ br {
    display: none;
  }
  .under dl dt {
    padding-bottom: 0;
  }
  #esthe .list ul li {
      background-position: left top 5px;
  }
  #index #content h2 p.txt_h2 {
    padding: 10px;
  }
  #index #content h2 {
    max-width: 675px;
    margin: auto;
  }
  #content .imgmain_under {
      background: linear-gradient(0deg, #fef7ed, white);
      position: relative;
  }

  #content .imgmain_under:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      border-bottom: 1px solid #c2bcb2;
  }
  #header02 p {
      max-width: 300px;
  }
}
.imanchor {
display:none;
}