@charset "utf-8";
/*あきデンタルクリニックインプラントサイト共通CSS*/
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
------------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
html,body { height:100%;}
body {
	margin:0;
	font-size: 1rem;
	line-height: 175%;
	color: #1a1a1a;
    background: #F6FCF7 url(../image/common/topLine.jpg) repeat-x 0 0;
	-webkit-text-size-adjust: 100%;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block;}

a			{color:#0070D0;	text-decoration: underline;}
a:hover		{color:#002EB0;	text-decoration: none;}
ol,ul,li	{list-style:none;	margin:0;	padding:0;}
img			{border:0;	width: 100%;	height: auto;	vertical-align:bottom;}
p			{margin: 0 0 1rem 0;}
hr			{height: 3px;	margin: 2rem 0;	padding: 0; background:url("../image/common/hr_com01.png") repeat-x; border: none;;}

strong		{font-weight:bold;}
small		{font-size:0.88em;}
table		{border:0;	border-collapse:collapse;	margin-bottom:1rem;	width:100%;	line-height: 150%;}
table th,
table td	{padding: 10px 10px;	font-weight:normal;	text-align:left;	vertical-align: top;}
table caption{text-align:left;	font-weight:bold;	margin-bottom: 5px;}

.clearfix 		{zoom:1;/*for IE 5.5-7*/}
.clearfix:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
.clear 			{clear:both; margin:0;}

.center		{text-align: center;}
.center_02	{margin: 0 auto;}
.right		{text-align: right;}
.left		{text-align: left;}
.inline		{padding: 0 0 0 1rem;}
.sp_none	{display: none;}
.pc_none	{display: block;}
.txt_red01	{color: #d30816;}
.txt_red02	{color:#F60;}
.txt_blue01	{color: #0070D0}
.txt_brown01	{color: #6E5E36}
.txt_size09 {font-size:0.93rem}/*PCでは1rem*/
.txt_tel01{
	font-size: 1.75rem;
    line-height: 130%;
}
.txt_Line {text-decoration:underline;	}

.open-sans-regular {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.open-sans-bold {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.noto-sans-jp-bold {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/*ヘッダー（スマホ）
*************************************************/
header	{
	width: 100%;
	margin-bottom: 1.5em;
}

h1.h1_site_ttl {
    font-size:0.55em;
	font-weight:normal;
	color:#9B9B8C;
    margin: 5px 50px 0 5px;
    line-height: 150%;
}

#site_logo01{
	display: block;
	width:210px;
	padding:0 0 12px 8px;
}

#header_contact01 {display: none;}

/*下層ページ用グローバルナビ*/
.nav_pc_lower {display: none;}

/*ページタイトル周辺（スマホ）
*************************************************/
#pageTitle{}

.pageTitle_in{
	position: relative;
	width: 98%;
	height: 80px;
    margin: 0 auto;
}
#headImg{
	position: absolute;
	z-index: 1;
	top:0;
	right: 0;
	width: 100%;
	height: 50px;
}
.headImg_com01{
	background: url("../image/common/headImg_com01.png") no-repeat 50% 50%;
	background-size: 100%;
}
.headImg_com02{
	background: url("../image/common/headImg_com02.png") no-repeat 50% 50%;
	background-size: 100%;
}
.headImg_com03{
	background: url("../image/common/headImg_com03.png") no-repeat 50% 50%;
	background-size: 100%;
}
.headImg_com04{
	background: url("../image/common/headImg_com04.png") no-repeat 50% 50%;
	background-size: 100%;
}
.headImg_com05{
	background: url("../image/common/headImg_com05.png") no-repeat 50% 50%;
	background-size: 100%;
}
.headImg_com06{
	background: url("../image/common/headImg_com06.png") no-repeat 50% 50%;
	background-size: 100%;
}
.headImg_com07{
	background: url("../image/common/headImg_com07.png") no-repeat 50% 50%;
	background-size: 100%;
}

/*ページタイトル*/
h2.h2_pagetitle01{
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 0;
	width: 100%;
	padding: 0 20px;
	font-size:0.9rem;
	color: #332B14;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-weight:bolder;
	text-shadow: 1px 1px 1px #F7F5E0;
	text-align: left;
}

/*パンくずナビ*/
#nav_topicPath01{
	/*display: none;*/
	width:100%;
	margin: 0 auto;
	padding: 0;
    
}
ol.ol_topicPath{
	font-size: 0.80rem;
	line-height: 110%;
	color: #1a1a1a;
	margin: 0;
	max-width: 600px;
	white-space: nowrap;/*文字省略*/
	overflow: hidden;/*文字省略*/
	text-overflow: ellipsis;/*文字省略*/
    float: right;
}
ol.ol_topicPath li		{display:inline;}
ol.ol_topicPath li a	{color:#0070D0;	text-decoration: none;}
ol.ol_topicPath li a:hover{text-decoration: underline;}
ol.ol_topicPath li:after{
	content: '＞';
	padding: 0 0 0 4px;
}
ol.ol_topicPath li:last-child:after{content: '';}
#nav_topicPath01:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}

/*下層ナビ（スマホ）
*************************************************/
/*下層ナビ*/
#nav_lower01{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 2rem 0.5rem 2rem 0.5rem;
	position: relative;
}

#nav_lower01 ul{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
}
#nav_lower01 ul li{
	width: 320px;
	padding: 0 0.5rem 0.75rem 0.5rem;
}
#nav_lower01 a{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	color: #0070D0;
	text-decoration: none;
	text-align: center;
	background: #edf5f5 url("../image/common/icn_arrow01.png") no-repeat 95% 50%;
	background-size: 10px;
	border: 2px solid #70B8ED;
	transition: 0.2s;
}
#nav_lower01 a:hover{opacity: 0.6;}

/*コンテンツ（スマホ）
*************************************************/
article{
	padding: 0 0 2rem 0;
	width: 100%;
	background-size: 100%;
}
section{padding: 0 0 2rem 0;}
.inner{
	width:100%;
	margin: 0 auto;
	padding: 0 1.2rem;
}
section:after,
.inner:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}

/*h2,h3*****/
h2.h2_com01{
	font-size: 1.05rem;
	font-weight: bolder;
    color:#544A2B;
	background-image: url(../image/common/icn_tooth01.png), url(../image/common/h2_02.png);
	background-size: 22px, 50px;
    background-repeat: no-repeat, repeat-x;
	background-position: 0% 50%, 0 bottom;
	margin-bottom: 1.0rem;
	padding:0.5em 0 0.5em 40px;
}

h2.h2_com02 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  color:#575445;
  text-align: center;
  line-height: 175%;
  margin: 1rem 0;
  font-size: 1.0rem;
  text-shadow: 2px 2px 1px #FFFFFF;
}

h3.h3_com01{
	color: #0070D0;
	font-size: 1rem;
	padding:0.5em 0 0.5em 40px;
	line-height: 150%;
	margin-bottom: 1.0rem;
    background: url(../image/common/icn_tooth02.png) no-repeat 0% 50%;
	background-size: 32px;
}


h3.h3_com02{
	font-weight: bold;
	font-size: 1.07rem;
	line-height: 150%;
	margin-bottom: 0.75rem;
	position: relative;
	padding-left: 1.5rem;
    color:#3D3B26;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #BCB57E;
}
h3.h3_com02:before{
	position: absolute;
	content: " ";
	height: 12px;
	width: 12px;
	display: block;
	float: left;
	margin: 7px 0 0 -1.5rem;
	background-color:#3D3B26;
}

h4.h4_com01 {
    font-size:1em;
	color:#0057B7;
	background:url(../image/common/icn_arrow05.png) no-repeat 0% 50%;
    background-size: 16px;
	padding:0 0 0 1.5rem;
    line-height: 150%;
	margin:0 0 1rem 0;
}


/*image*****/
img.img_center01{
	display:block;
	margin:0 auto 1rem auto;
	max-width: 400px;/*画像を中央表示、MAX幅400px*/
}
img.img_originalSize01{
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto 1rem auto;
}

.img_right_w300,
.img_right_w400 {
	display:block;
	margin:0 auto 1rem auto;
}

.img_right_w300	{max-width: 300px;/*画像を中央表示、MAX幅300px*/}
.img_right_w400	{max-width: 400px;/*画像を中央表示、MAX幅400px*/}

.img_left_w400	{
	max-width: 400px;
	margin: 1rem 0;
}

.img_right_w200{
	float: right;
	margin:0 0 1rem 1rem;
    max-width: 200px;
}

/*リスト*****/
ul.ul_com01,
ul.ul_com02 {margin-bottom: 1rem;}
ul.ul_com01 li{position: relative;padding-left: 1rem;}
ul.ul_com01 li:before{
	position: absolute;
	content: " ";
	height: 3px;
	width: 3px;
	display: block;
	float: left;
	border-radius: 50%;
	margin:11px 0 0 -0.9rem;
	background-color:#1a1a1a;
}

ul.ul_com02 li{
	position: relative;
	padding: 0 0 0.25rem 1rem;
}

ul.ul_com02 li:before{
	position: absolute;
	content: '';
	top: 8px;
	left: 1px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #70B8ED;
}

ol.ol_com01		{margin-bottom:1.5em;}
ol.ol_com01		{margin-left: 20px;}
ol.ol_com01 li	{list-style:decimal;	margin:0 0 0.5em 0;	padding-left: 2px;}
ol.ol_com01 li li {list-style-type: none;}

/*table*****/
table .right	{text-align: right;}
table .center	{text-align: center;}
table.table_com01,
table.table_com02{
	background: #fff;
	width: 100%;
	border-top: #b3bbcb 1px solid;
	border-left: #b3bbcb 1px solid;
	margin-bottom: 1rem;
}
table.table_com01 th{
	padding: 7px 10px;
	border-bottom: #b3bbcb 1px solid;
	border-right:  #b3bbcb 3px double;
	background: #e5e7ed;
	min-width: 3em;
}
table.table_com01 td{
	padding: 7px 10px;
	border-bottom: #b3bbcb 1px solid;
	border-right:  #b3bbcb 1px solid;
}

table.table_com02 th{
	padding: 3px 10px;
	border-bottom: #b3bbcb 1px solid;
	border-right:  #b3bbcb 1px solid;
	background: #e5e7ed;
	font-size: 0.94rem;
	text-align: center;
	font-weight: normal;
}
table.table_com02 td{
	padding: 5px 10px;
	border-bottom: #b3bbcb 1px solid;
	border-right:  #b3bbcb 1px solid;
}
table.table_com02 .borderR-double{border-right: #b3bbcb 3px double;}

table.table_com03{
	width: 100%;
	line-height: 150%;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 1rem;
    font-size: 0.9rem;
}
table.table_com03 caption{
	text-align: left;
	font-weight: bold;
	margin-bottom: 4px;
}
table.table_com03 th{
	display: block;
	padding: 10px 10px;
	background: #E5EEF7;
	color: #292929;
	text-shadow: 1px 1px 1px #fff;
	text-align: left;
	vertical-align: top;
}
table.table_com03 td{
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
}

.scroll01{
	margin-bottom: 1rem;
	overflow: auto;/*tableをスクロールさせる*/
	white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll01::-webkit-scrollbar{/*tableにスクロールバーを追加*/
	height: 8px;
}
.scroll01::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
	background: #F1F1F1;
}
.scroll01::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
	background: #DBD6B6;
}

/*レイアウト配置*/
ul.ul_wrap_2column > li{margin: 0 0 1rem 0;}
ul.ul_wrap_3column > li{margin: 0 0 1rem 0;}

.box_white01{
	padding: 1rem 1rem;
	margin-bottom: 1.5rem;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
.box_white01 hr{
	margin: 0.75rem 0;
}


/*ボタン*****/
a.btn_white01,
a.btn_brown01{
	align-items: center;
    justify-content: center;
    padding: 0.25rem 2rem;
	text-align: center;
}

a.btn_white01 {
background: #FFF url(../image/common/icn_arrow02.png) no-repeat 95% 50%;
background-size: 9px;
border-radius: 15px;
box-shadow: 0px 0px 6px 1px rgba(10, 66, 91, 0.4);
text-decoration:none;
color: #0070D0;
}

a.btn_white01:hover {background-color:#E5F8F8 ;color:#002EB0;}

a.btn_brown01 {
background: #6E5E36 url(../image/common/icn_arrow01_wht.png) no-repeat 95% 50%;
background-size: 9px;
border-radius: 15px;
text-decoration:none;
color: #FFFFFF;
}
a.btn_brown01:hover {background-color:#BCB57E ;color:#6E5E36;}


a.btn_com01,
a.btn_com02 {
	display: block;
    height: 40px;
	line-height: 40px;
	width: 98%;
	max-width: 420px;
	font-size: 0.9rem;
	text-decoration: none;
	margin: 0.5rem auto;
	border-radius: 20px;
	padding: 0 2rem 0 1rem;
}
a.btn_com01 {
background: #0070D0 url(../image/common/icn_arrow01_wht.png) no-repeat right 10px top 50%;
background-size: 10px;
color: #fff;
}
a.btn_com01:hover {background-color: #002EB0}

a.btn_com02{
background-image: linear-gradient(0deg, #6E5E36, #BCB57E);
color: #fff;
position: relative;
}
a.btn_com02:after{/*矢印*/
	position: absolute;
	content: '';
	top: 11px;
	right: 20px;
	width: 10px;
	height: 16px;
	background: url("../image/common/icn_arrow01_wht.png") no-repeat 0 0;
	background-size: 10px;
}
a.btn_com02:hover {background-color: #BCB57E}

a.btn_center{
	display: block;
	margin: 0 auto;
	width: 320px;
	text-align: center;
}

/*お知らせ枠(スマホ)
*************************************************/
h2.h2_info01{
	margin: 0 0 ;
	text-align: left;
    color: #8C7C28;
	font-size: 0.92rem;
	font-weight: bolder;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.area-info01 {margin: 0.3rem auto 2rem auto; padding: 0.5rem 0.75rem; border: 1px solid #6E5E00; font-size: 0.88rem; background-color: #FFF;}

ul.ul_info01 li{
	padding: 0 0 10px 0;
}
ul.ul_info01 li:after{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}

ul.ul_info01 li .date{
	width: 100px;
	float: left;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 0.88rem;
}
ul.ul_info01 li .text{
	width: calc(100% - 100px);
	float: left;
}
ul.ul_info01 li a{
	color:#1a1a1a;
    text-decoration: underline;
}
ul.ul_info01 li a:hover{
	color: #24BFBF;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

/*CTAエリア（スマホ）
*************************************************/
.box_cta01{
	background:#fff;
	border: 3px double #7A7A4D;
	padding: 0.5em 1em;
	box-sizing: border-box;
	border-radius: 10px;
    text-align: center;
    margin: 1rem auto; 
}
.box_cta01 .tel{
	width:234px;
	margin: 0 auto 0.5em auto;
}

/*固定ボタン（スマホ）
*************************************************/
.btn_pagetop {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 10px;
}
.btn_pagetop a {
	display: block;
	text-align: center;
	background: rgba(128,128,128,0.5) url(../image/common/icn_arrow04.png) no-repeat 50% 48%;
	background-size: 16px;
	width:40px;
	height:40px;
	text-indent: -9999px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.btn_pagetop a:hover {
	background: rgba(128,128,128,0.7) url(../image/common/icn_arrow04.png) no-repeat 50% 48%;
	background-size: 16px;
}

/*下固定ボタン*/
.btn_bottom01{
	position: fixed;
	bottom: 0;
	right: 0;
    width: 100%;
	height:50px;
	z-index: 2;
    border: 1px solid #FFFFFF;
}
.btn_bottom01 a {background: linear-gradient(120deg, rgba(0, 112, 208, 1) 0%, rgba(0, 60, 140, 1) 60%)}

.btn_bottom01 a.tel,
.btn_bottom01 a.yoyaku,
.btn_bottom01 a.map{
	display: block;
	float: left;
	width: 35%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    text-decoration: none;
	font-size: 0.88rem;
	padding: 0 0 0 20px;
    background: linear-gradient(120deg, rgba(0, 112, 208, 1) 0%, rgba(0, 60, 140, 1) 60%);
    position: relative;
}
.btn_bottom01 a.map{width: 30%;}

.btn_bottom01 a.tel:before{/*電話マーク*/
	position: absolute;
	content: '';
	top: 12px;
	left: 16px;
	width: 20px;
	height: 25px;
	background: url("../image/common/icn_tel01.png") no-repeat 0 0;
	background-size:  20px;
}

.btn_bottom01 a.yoyaku:before{/*WEB予約マーク*/
    position: absolute;
	content: '';
	top: 14px;
	left: 10px;
	width: 25px;
	height: 25px;
    background: url("../image/common/icn_yoyaku01.png") no-repeat 0 0;
    background-size: 25px;
}

.btn_bottom01 a.map:before{/*地図マーク*/
    position: absolute;
	content: '';
	top: 12px;
	left: 12px;
	width: 20px;
	height: 25px;
    background: url("../image/common/icn_map01.png") no-repeat 0 0;
    background-size: 20px;
}
.btn_bottom01 a.tel:hover,
.btn_bottom01 a.yoyaku:hover,
.btn_bottom01 a.map:hover{
	opacity: 0.65;
}

.btn_bottom01 a:nth-child(1),
.btn_bottom01 a:nth-child(2){border-right:1px solid #FFFFFF;}


/*診療時間（スマホ）
*************************************************/
table.table-schedule01 {
border: 1px solid #a1a1a1;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

table.table-schedule01 th {
padding: 3px 0.5rem;
text-align: center;
background-color: #DBD6B6;
color: #6E5E36;
font-weight: normal;
}

table.table-schedule01 td {
	padding:3px 0.5rem;
    text-align: center;
}

/*フッター（スマホ）
*************************************************/
footer{
	background: #DBD6B6;
	font-size: 0.88rem;
	line-height: 150%;
	color: #1a1a1a;
	padding: 2rem 0 2rem 0;
}
footer:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
footer a{color: #1a1a1a;}
footer a:hover{color: #1a1a1a;	text-decoration: underline;}

.address #siteName{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bolder;
	font-size: 0.81rem;
	margin: 0 0 0.75rem 0;
}
.address #siteName img{
	width: 260px;
	margin: 0 0 4px 0;
}
.address p{margin: 0 0 0.5rem 0;}

nav.nav_footer01{
	margin: 2rem 0 0 0;
}
nav.nav_footer01 ul{
	float: left;
	width: 50%;
	max-width: 180px;
}
nav.nav_footer01 ul li{
	background: url("../image/common/icn_arrow03.png") no-repeat 0% 50%;
	background-size: 5px;
	padding: 3px 3px 3px 10px;
}

nav.nav_footer02{
clear: both;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 0 1.0rem 0;
}
nav.nav_footer02 ul li{
    display: inline-block;
    margin: 0;
}

nav.nav_footer02 ul li img {
    display: block;
    max-width: 250px;
}

.footer-message {font-size: 0.81rem;margin: 0 auto 0 auto; padding:1rem 0 }
.copyright{
	clear: both;
	text-align: center;
}

/*○○○○○○（スマホ）
*************************************************/


/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){

.sp_none	{display: block;}
.pc_none	{display: none;}

/*ヘッダー（タブレット）
*************************************************/
h1.h1_site_ttl {
    font-size:0.68em;
    margin: 10px 0 0 10px;
}

#site_logo01{
	width:320px;
	padding:10px 0 10px 10px;
}

#header_contact01 {
    float: right;
    display: block;
    width: 40%;
    max-width: 300px;
    margin: 0 0 0 0;
    text-align: center;
    color:#6E5E36;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-size: 0.9rem;
}
img.header_tel01 {max-width: 250px}



/*下層ページ用グローバルナビ（タブレット）
*************************************************/
.nav_pc_lower {display: block;min-width:768px; width: 100%; margin: 1rem auto 0 auto;}

.nav_pc_lower ul {margin: 0 auto;}
.nav_pc_lower ul:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
.nav_pc_lower ul li {float: left; width: 16.4%; height: 48px; font-size: 0.9rem; line-height: 130%; position:relative; text-align: center;border-right: 1px solid rgba(0,0,0,0.30);}

.nav_pc_lower ul li a {
    width: 100%;
    height: 48px;
    color: #3B331F;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-weight: bold;
    text-decoration: none;
    position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.nav_pc_lower ul li a::after {
    content: "";
    width: 80px;
    height: 4px;
    background-color:rgba(145,135,48,0.30);/*#918730*/
    position: absolute;
    bottom: -5px;
    left: calc(50% - 40px)
}
.nav_pc_lower ul li:first-child {border-left:1px solid rgba(0,0,0,0.30);}

.nav_pc_lower ul li a:hover::after {background-color:rgba(0,112,208,0.30);}

.nav_pc_lower ul li a.single {
  top:60%;
  height: calc(48px - 20%);
}

/*下層ナビ（PC）
*************************************************/
/*下層ナビ①*/

#nav_lower01{
	padding: 2rem 1rem 2rem 1rem;
}
#nav_lower01 ul{
	font-size: 1.0rem;
}
#nav_lower01 ul li{
	padding: 0 0.5rem 1rem 0.5rem;
}
#nav_lower01 a{
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #edf5f5 url("../image/common/icn_arrow01.png") no-repeat 95% 50%;
	background-size: 12px;
}
/*コンテンツ（タブレット）
*************************************************/
article{padding: 0 0 3rem 0;}
section{padding: 0 0 3rem 0;}
.inner{/*pc:1100+32+32=1164px*/
	max-width: 1164px;
	padding: 0 2rem;
}

#pageTitle{
	z-index: -1;
	width: 100%;
	height: 150px;
	/*top: 60px;
	left: 0;*/
}
#headImg{
	top:0;
	right: 0;
	width: 100%;
	height: 130px;
}

/*ページタイトル*/
h2.h2_pagetitle01{

	top: 58%;
	/*left: 0;*/
	width: 100%;
	padding: 0 50px;
	font-size:1.4rem;
}

/*パンくずナビ*/
#nav_topicPath01{
	/*display: block;*/
	padding: 1rem 20px 0 0;
}
/*h2,h3*****/
h2.h2_com01	{
    font-size: 1.50rem;
    background-size: 26px, 50px;
}

h2.h2_com02 {font-size: 1.3rem;}

h3.h3_com01{
	font-size: 1.2rem;
	padding:0.5em 0 0.5em 45px;
	/*line-height: 150%;
	margin-bottom: 1.0rem;
    background: url(../image/common/icn_tooth02.png) no-repeat 0% 50%;*/
	background-size: 34px;
}

/*image*****/
.img_right_w300,
.img_right_w400{
	float: right;
	margin:0 0 1rem 1rem;
}
.img_right_w300	{max-width: 300px;}
.img_right_w400	{max-width: 400px;}

.img_left_w400	{
	float: left;
	margin:0 1rem 1rem 0;
	max-width: 400px;
}

.box_white01{
	padding: 1.5rem 2rem;
	margin-bottom: 1.5rem;
}

/*テーブル*/
table.table_com03{
	border: 1px solid #ccc;
}
table.table_com03 th{
	display: table-cell;
	padding: 16px 16px;
	width: 20%;
	border-bottom: 1px solid #ccc;
}

table.table_com03 td{
	display: table-cell;
	padding: 16px 16px 16px 24px;
	border-bottom: 1px solid #ccc;
}

/*お知らせ（タブレット）
*************************************************/
h2.h2_info01{
	font-size: 1.6rem;
	margin: 0 0;
	text-align: left;
}
.area_info01{
	padding: 1rem 2rem;
}

ul.ul_info01{
	float: left;
	width: calc(100% - 250px);
    font-size:0.98rem
}
ul.ul_info01 li .date{
	width: 110px;
}
ul.ul_info01 li .text{
	width: calc(100% - 110px);
}

/*診療時間（タブレット）
*************************************************/
table.table-schedule01 {
max-width: 480px;
}

/*フッター（タブレット）
*************************************************/
footer{padding: 2.5rem 0 2rem 0;}
.address{
	float: left;
	width: 36%;
	padding: 0 1rem 0 0;
}
nav.nav_footer01{
	float: left;
	width: 32%;
	border-left: 1px solid rgba(0,0,0,0.30);
	padding: 0 1rem 0 2rem;
}
nav.nav_footer02{
	float: left;
	width: 32%;
	clear: none;
}

nav.nav_footer02 ul li img {
    max-width: 180px;
}
.copyright{
	text-align: right;
	padding: 0 70px 0 0;
}

/*左下固定ボタン*/
.btn_bottom01{
	bottom: 0;
	right: 0;
	width: 500px;
	height:50px;
}
.btn_bottom01 a.tel,
.btn_bottom01 a.yoyaku,
.btn_bottom01 a.map{
	height: 50px;
	line-height: 50px;
}


/*スマホでタップした時だけ電話発信を有効にする*/
a[href^="tel:"]{
	pointer-events: none;
}

/*○○○○○○（タブレット）
*************************************************/

/********/
}





/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

.txt_size09 {font-size:1rem}/*SP,tabletでは0.9rem*/


/*ヘッダー（PC）
*************************************************/
#header_contact01 {
    max-width: 400px;
}

img.header_tel01 {max-width: 280px}


/*コンテンツ（PC）
*************************************************/
article{
	padding: 0 0 4rem 0;
}

a.btn_com01,
a.btn_com02 {
	display: inline-block;
    height: 46px;
	line-height: 46px;
	font-size: 1.0rem;
	padding: 0 2.5rem 0 1.5rem;
    margin: 0.5rem 1rem;
}

a.btn_com02:after{/*矢印*/
	top: 13px;
	right: 20px;
	width: 12px;
	height: 18px;
	background: url("../image/common/icn_arrow01_wht.png") no-repeat 0 0;
	background-size: 12px;
}
/*レイアウト配置*/
.box_left01	{float: left;	width: 47.5%;}
.box_right01{float: right;	width: 47.5%;}

ul.ul_wrap_2column{
	display:flex;
	flex-wrap:wrap;
}
ul.ul_wrap_2column > li{
	width: 47%;
	margin: 0 6% 1rem 0;
}
ul.ul_wrap_2column > li:nth-child(even){
	margin: 0 0 1rem 0;
}
ul.ul_wrap_3column > li{
	width: 31%;
	margin: 0 3.5% 1rem 0;
}
ul.ul_wrap_3column > li:nth-child(2n){margin: 0 3.5% 1rem 0;}
ul.ul_wrap_3column > li:nth-child(3n){margin: 0 0 1rem 0;}

#pageTitle{
	height: 160px;
}
.pageTitle_in{
	width: 100%;
	max-width: 1000px;
	/*height: 200px;*/
    margin: 0 auto;
}

/*ページタイトル*/
h2.h2_pagetitle01{
	top: 64%;
	width: 100%;
	padding: 0 65px;
	font-size:1.75rem;
}
/*h2,h3*****/
h2.h2_com02 {font-size: 1.5rem;margin: 2rem 0;}

/*パンくずナビ*/
#nav_topicPath01{
	max-width: 1100px;
	padding: 1rem 30px 1rem 10px;
}

/*テーブル*/
table.table_com03 th	{width: 18%;}



/*下層ページ用グローバルナビ（PC）
*************************************************/
.nav_pc_lower {max-width:1100px;}
.nav_pc_lower ul li {height: 48px; font-size: 1.08rem; line-height: 125%;} 
.nav_pc_lower ul li a::after {
    width: 120px;
    bottom: -5px;
    left: calc(50% - 60px)
}

/*フッタ―（PC）
*************************************************/
.address		{width: 30%;}
nav.nav_footer01{width: 40%;}
nav.nav_footer02{width: 30%;}
nav.nav_footer01 ul{
	float: left;
	width: 50%;
	max-width: 180px;
}
nav.nav_footer02 ul li img {
    max-width: 230px;
}
/*○○○○○○（PC）
*************************************************/

/*○○○○○○（PC）
*************************************************/

/********/
}