@charset "utf-8";

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

 Smartphone(smartphone.css)
 
========================================================================*/

@media screen and (max-width: 767px){

/* @media only screen
and (min-width : 320px) 
and (max-width : 480px) {
 */
 
/*----------------------------------------------------------------------
 Common
----------------------------------------------------------------------*/
body {
	-webkit-text-size-adjust : none;
	font-size:88%;
	min-width: 320px;
}

.pagetop,
.footerNav {
	display: none;
}

.logoarea,
.phone,
#content,
#sidebar {
	float: none;
}

/*----------------------------------------------------------------------
 Header
----------------------------------------------------------------------*/
#header1 {
	position: inherit;
	width: 96%;
	margin: 0 auto;
}

div.headerleft {
    float: none;
	margin: 0 auto;
	text-align:center;
	width:100%;
}


div.telarea1 {
    display:none;
	height:70px;
}

div.telarea2 {
    display: inherit;
	margin: 11px 0 0 0;
	height:70px;
}


/* トップエリア
=============================================================================*/
#toparea {
	min-height: 20px;
	_border-bottom: 3px solid #1e9ed7;
}

#toparea h1 {
    width: 96%;
    _margin: 4px 0 0 4px;
}


/*----------------------------------------------------------------------
.headerNav {
	position: inherit;
	top: 0;
	right: 0;
	margin: -3px 5% 10px 5%;
}
.headerNav li {
	width: 32.9% !important;
	margin: 0 1px 1px 0 !important;
	text-align: center;
}
.headerNav li a,
.headerNav li.home a {
	width: 100% !important;
	padding: 5px 0;
}

.phone {
	margin: 15px 0 0 0;
	padding: 0;
	background: none;
	text-align: center;
	line-height: 1.2;
}

.phone span {
	font-size: 250% !important;
}
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
 Nav
----------------------------------------------------------------------*/
#nav {
	width: 100%;
	margin: 0 auto 0;
	background: none;
	border-bottom: none;
}

#nav ul {
	width: 100%;
	min-height: inherit;
	padding: 0;
	background: none;
}
#nav ul li {
	width: 49.4% !important;
	margin: 0;
	padding: 0;
	background: url(../images/bg_nav.jpg) repeat-x;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff !important;
}
#nav ul li.last {
	width: 49.4% !important;
}
#nav ul li a {
	width: 100% !important;
}

/*----------------------------------------------------------------------
 Nav2
----------------------------------------------------------------------*/
#nav2 {
	width: 100%;
	margin: 0 auto 0;
	background: none;
	border-bottom: none;
}

#nav2 ul {
	width: 100%;
	min-height: inherit;
	padding: 0;
	background: none;
}
#nav2 ul li {
	width: 49.4% !important;
	margin: 0;
	padding: 0;
	background: url(../images/bg_nav.jpg) repeat-x;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff !important;
}
#nav2 ul li.last {
	width: 49.4% !important;
}
#nav2 ul li a {
	width: 100% !important;
}



/*----------------------------------------------------------------------
 Main
----------------------------------------------------------------------*/
#main {
	background: none;
}

#main .inner {
	width: 94%;
	padding: 10px 0 0;
}

.pc {
	display: none;
}
.sp {
	display: inherit;
}

/*----------------------------------------------------------------------
 Content
----------------------------------------------------------------------*/
#content,
.toppage #content {
	width: 100%;
	padding: 0;
}

/*----------------------------------------------------------------------
 トップページ　メインイメージ
----------------------------------------------------------------------*/

.mainimage {
	margin: 0;
	padding:0 0 11px 0;
	overflow:hidden;
}

.mainimage img {
    width:100%;
	height:auto;
}

/*----------------------------------------------------------------------
 Top Picup  Add 231222 iwa
----------------------------------------------------------------------*/
.topicnewsmi_box {
	padding: 2em;
}
.topicnews.flex {
	flex-direction: column;
	align-items: center;
}
.topicnewsmidashi{
	/* padding: 0 1em .5em 0; */
}
.topicnewstext {
	padding: 0;
	width: 100%;
}
.topicnewsitem {
	width: 100%;
}
.topicnewsitem .img-box {
	text-align: start;
	margin: 1em 0 1.5em 0;
}
.topicnewsitem.sp-none {
	display: none;
}

/*----------------------------------------------------------------------
 下層ページ　共通
----------------------------------------------------------------------*/

dl.info_dl  {
  margin: 0 0 0 0;
}

dl.info_dl dt {
  clear: left;
  float: none;
  margin: 0 0 0 10px;
  width: 100px;
}

dl.info_dl dd {
  margin-top:5px;
  margin-bottom: 15px;
  margin-left: 1.7em;
  width: 100%;
}


.treatmentmenubox {
    width:50%;
	float:left;
}

.treatmentmenu div.textarea {
    height:65px;
}

.img_control {
    width:40%;
}

.img_control4 {
    width:50%;
}
.img_control_gp {
    width:100%;
	max-width: 100%;
	padding:0 0 15px 0;
	clear: both;
	float: none;
}
.gp_setsumei {
	float: none;
    width:100%;
	margin-bottom: 15px;
}

/*画像とテキストの制御*/
.gazouandtext {
	flex-direction: column;
}
.gazouandtext_item1 {
	width: 100%;
}
.gazouandtext_item1.gazouwide {
	width: 100%;
}
.gazouandtext_item1.gazouwide2 {
	width: 100%;
}
.yobousan .gazouandtext_item1 {
	width: 65%;
}
.gazouandtext_item2 {
	width: 100%;
}
.gazouandtext_item2.gazouwide {
	width: 100%;
}
.gazouandtext_item2.gazouwide2 {
	width: 100%;
}
.yobousan .gazouandtext_item2 {
	width: 30%;
}
.gazouandtext_item2 img {
	width: 50%;
	max-width:200px;
	display: block;
}
.gazouandtext_item2.gazouwide img {
	width: 100%;
	max-width:374px;
	display: block;
}
.yobousan .gazouandtext_item2 img {
	width: 100%;
	max-width:100%;
	display: block;
}

/*LINE友だち登録*/
.line_flex-ctr {
	flex-direction: column;
	align-items: center;
	margin: 1em 0;
}
.line_flex-itemtext {
	width: 100%;
}
.line_flex-itemimg {
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
}

/*SAS連携クリニック*/
.saslenkei_flex-ctr {
	flex-direction: column;
	align-items: center;
	margin: 1em 0;
}
.saslenkei_flex-itemtext {
	width: 100%;
	margin-left: 0em;
}
.saslenkei_flex-itemimg {
	text-align: center;
	margin-bottom: 2em;
}

/*診療案内*/

div.table_header1box {
    width:20%;
	margin-bottom:15px;
	margin-right:0;
}

table.table_header1 td.sozai  {
height: 50px;
}

div.table_header2box {
    width:20%;
    display: inherit;
	margin-bottom:15px;
	margin-right:0;
}

table.table_header2 td.sozai  {
height: 50px;
}


div.table_databox {
    width:80%;
	margin-bottom:15px;
	margin-right:0;
}

table.table_data td.sozai  {
height: 50px;
text-align: center; 
}

dl.feelist{
	width: 100%;
	padding: 0;
	border-top:none;
	border-left: none;
	margin:15px 0 30px 0;
}

dl.feelist dt,dd{
	padding: 5px;
}
dl.feelist dt {
	width: 100%;
	height: auto;
	color: #333333;
	border-top: 1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
}

dl.feelist dd {
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-left: 0;
	margin-bottom:15px;
	text-align:right;
	border-left:1px solid #aaaaaa;
}

/*--囲み--*/
.column_box {
	padding:15px 10px 10px;
	margin:10px 0 10px;
	box-sizing:border-box;
}

.column_box1 {
	padding:15px 10px 10px;
	margin:10px 0 10px;
	box-sizing:border-box;
}

.column_midashi {
	margin: 0 0 3px;
	padding: 0 0 10px 0;
	color:#033E4C;

	font-size: 16px;
	font-weight:bold;
	text-align: left;
	line-height:1.4;
	background:none;

	border-radius: 0;
	letter-spacing:0.075em;
}

.column_midashi img{
	margin: 0 7px 0 0;
	padding: 0 0 0 0;
	vertical-align:-4px;

width:21px;
height:21px;
}	
	

/*インプラントの表*/
div.table_header3box {
display:none;
}

div.table_header4box {
    width:30%;
    display: inherit;
	margin-bottom:15px;
	margin-right:0;
}

table.table_header4 td{
white-space:nowrap;
height:70px;
}

table.table_header4 td.houhou  {
height: 90px;
}

table.table_header4 td.gazou  {
height: 110px;
}


div.table_databox2 {
    width:70%;
	margin-bottom:15px;
	margin-right:0;
}

table.table_data2 td  {
padding: 0 5px;
background-color: #fff;
border-bottom: 1px dotted #b9b9b9;
height: 70px;
}

table.table_data2 td.houhou  {
height: 90px;
text-align: left; 
}

table.table_data2 td.gazou {
height: 110px;
}

/*医院紹介*/
.clinicareabox {
    width:100%;
	float:left;
	margin-bottom:10px;
}

/*ネット予約*/
.apo {
    text-align:center;
	width:100%;
	margin-bottom:20px;
}

.apo img {
    width:100%;
    max-width: none;
	margin:10px 0 10px 0;
}

/*サイトマップ
ul.sitemap5  {
}

ul.sitemap5 li {
  padding: 7px 0 0 0;
}

ul.sitemap5 li ul {
}

ul.sitemap5 li ul li {
}

ul.linkshu5 {
    margin: -10px 0 20px 45px;
    list-style-type: disc;
}

p.sitemap-l {
float:none;
width:100%;
margin-right:0;
padding-bottom:5px !important;
}

p.sitemap-l2 {
float:none;
width:100%;
margin-right:0;
padding-bottom:5px !important;
}

p.sitemap-r {
float:none;
max-width:100%;
font-weight: normal;
padding-bottom:10px !important;
}

p.sitemap-r2 {
float:none;
max-width:100%;
font-weight: normal;
padding-bottom:10px !important;
}*/


/*セレック（cerec）治療*/
h2.cerech2 {
	font-size: 150%;
}

/*ボタンボックス----------------------------------------*/
.btn-box01_ttl.f_size02{
	font-size: 100%;
}
/*END ボタンボックス------------------------------------*/


/*デンタルエステ Add 230206 tom*/
.esute_menu_box dt {
  width: 30%;
}
.esute_menu_box dd {
  width: 50%;
}

/*----------------------------------------------------------------------
 デンタルエステ Add230118tom
----------------------------------------------------------------------*/
.este_osusumemidashi{
	font-size: 120%;
}
.este_osusume.flex {
	flex-direction: column;
	align-items: center;
}
.este_osusumetext {
	width: 100%;
}
.este_osusumeitem {
	width: 50%;
	margin: 1em 0;
}
.este_osusumeitem .img-box img{
	width: 70%;
}
.este_osusumeitem.sp-none {
	display: none;
}

/*----------------------------------------------------------------------
 Sidebar
----------------------------------------------------------------------*/
#sidebar {
	width: 100%;
	margin: 0;
	padding-bottom: 0;
	text-align: left;
}

#sidebar .lNav {
	margin: 0 0 15px;
}

.banner {
	float: none;
	width: 100%;
	padding: 0;
}
.banner img{
	width: 98.6%;
}
.toppage .banner {
	width: 100% !important;
}
.about {
	float: none;
	width: auto;
	min-height: 0;
	margin: 15px 0 30px !important;
	font-size: 100%;
}


/*----------------------------------------------------------------------
 Footer
----------------------------------------------------------------------*/
#footer1 {
	width: 100%;
	padding: 0;
}

div.footerleft {
    width:98%;
	height: auto;
}

div.footerright {
	height: auto;
}

div.footershortcut {
	height: auto;
	text-align:center;
	width:100%;
}

div.footershortcut span.maru img {
	margin:0 12px 12px 12px;
}

div.footershortcut span.telarea1 {
    display:none;
}

div.footershortcut span.telarea2 {
    display: inherit;
}

#footer1 .copyright {
	padding: 10px 10px 5px;
	font-size: 60%;
}

div.optionmenu2 {
    padding:5px 6px 0 0;
    color:  #1e9ed7;
    font-weight: bold;
	font-size:100%;
	margin-bottom:5px;
}

div.optionmenu2 img {
	margin: 0 5px;
	vertical-align:middle;
}

/*----------------------------------------------------------------------
 Top
----------------------------------------------------------------------*/
h2.mainVisual {
	width: 99.5%;
	margin: 0 0 20px !important;
	padding: 10px 0 0 !important;
}

h3 {
	font-size: 110%;
}

ul.news {
	margin: 5px 5px 15px;
	line-height: 1.4;
}
ul.news li {
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}
ul.news li span {
	display: block;
	padding-right: 0;
}

}