body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #333;
		font-size:14px;
	line-height:150%;
	-webkit-text-size-adjust: 100%;
	text-align:center;
	background:#f1f1f1;
    padding-bottom: 70px;
}

.fix:after {
  content: "."; 
  display:block; 
  clear:both;
  height:0;
  visibility:hidden;
}

.fix {
  min-height:1px;
}

* html .fix {
  height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a {
		text-decoration:underline;
		color:#FF7B00;
}


img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: top;
	font-size: 0;
	line-height: 0
}
 
p.btn {
		max-width:50%;
}

.f-l {
		float:left;
}

.f-r {
		float:right;
}

.clear {
	clear:both;
}


.tac {
		text-align:center;
}

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


.red {
		color:#E60C3F;
}
.orange {
	color:#FF7B00;
}
.bold {
		font-weight:bold;
}

.btm10 {
		margin-bottom:10px!important;
}

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

.btm0 {
		margin-bottom:0px!important;
}

.top10 {
		padding-top:1.2%;
}

.f12 {
		font-size:12px;
}


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

.img02 {
		float:right;
		margin-left:10px;
}

.max30 {
		max-width:30%;
}

.inner {
		width:100%;
}



#wrap {
	max-width: 640px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	padding:5px 0 10px 0;
}






 

header {
	max-width: 640px;
	margin:0 auto;
	background:#fff;
}

.header-box {
		text-align:center;
		padding:0 3%;
		/*background:#f00;*/
		padding-bottom:8px;
}

.pt85 {
		padding:1% 3% 2% 3%;
}


h1.logo {
		float:left;
	padding-top:95px;
	max-width:48%;
}

.h-tel {
	float:right;
	padding-top:92px;
	max-width:50%;

}

.h-res {
	float:right;
}


.main-image {
		clear:both;
}

.c-btn {
		text-align:center;
		padding:0 3%;
		margin-bottom:10px;
}

p.shindan {
		padding-top:10px!important;
		clear:both;
}


section {
		margin:0 0 30px 0;
}

section p {
		padding:0 5%;
		margin-bottom: 1em;
}

section p strong.by {
		background:#FFCC1D;
}

section p:last-of-type {
		margin-bottom:0;
}


section ul {
		padding:0 5%;
		margin-bottom:2em;
		list-style:none;
}


section ul.check li {
		background:url(../images/check.gif) 0 0 no-repeat;
		padding:0 0 0 10%;
		margin:0 0 3% 0;
		font-weight:bold;
}


h3.add {
		padding:0 5%;
		margin:5% 0 2% 0;
		background:none;
		font-weight:bold;
		border:none;
		text-shadow:none;
		font-size:120%;
}

h3.add span{
		background:#FD4800;
		padding:1.8% 1.5%;
		color:#fff;
		display:block;
		float:left;
		margin:0 1.5% 0 0;
		border-radius:20px;
}

h3.add span.marker {
background: linear-gradient(transparent 50%, #ff7 0%);
color:#333;
padding:0;
float:none;
display:inline;
margin:0;
}





h2 {
	background:url(../images/h2bg.gif) 0 0;
	padding:2% 4%;
	border-bottom:solid 2px #FF7B00;
	margin-bottom:20px;
	font-size:14px;
	color:#000;
	text-align:center;
}



h3 {
		background:linear-gradient(#FF9600,#FF9600 49%,#FF7B00 50%,#FF7B00);
		background-color:#FF7B00;
		padding:2% 5%;
		margin-bottom:20px;
		font-size:14px;
		color:#fff;
		text-shadow: 0 -1px 1px #FF5300;
		border-bottom:solid 1px #ddd;
}


h4 {
		background:url(../images/h4bg.gif) 0 0 no-repeat;
		padding:0 0 1% 22px;
		margin:0 5% 3% 5%;
		font-size:14px;
		color:#000;
		border-bottom:solid 2px #dcdcdc;
}

h5 {
	padding:0 0 2px 0px;
	margin:0 5% 3% 5%;
	border-bottom:dashed 1px #FF7B00;
	color:#FF7B00;
	font-size:14px;
}



#navi-wrap {
  position:fixed;
  width:100%;
  z-index: 10;
}


nav {
	max-width:100%;
}

.gnavi {
	max-width: 100%;

}

.gnavi li {
	float: left;
	text-align:left;
	width:50%;
	background-color:#FF7B00;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAD00), to(#FF7B00));

}


.gnavi li .pd {
	width:100%;

}

.gnavi li .pd li {
	width:100%;

}

.gnavi li a {
	display:block;
	padding:0.8em 0.5em 0.4em 0.5em;
	border-left: 1px solid #FF5300;
	border-right: 1px solid #FFCA5C;
	border-bottom: 1px solid #FF5300;
	border-top: 1px solid #FFCA5C;
}
 
 
.pd-sub {
  position:fixed;
  width:100%;
  top:auto;
  left:0;
		 }
		 
		 
.pd-sub li {
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0);
	width:100%;
		 }
 
.pd-sub li a {
	background:url(../images/arrow.png) 98% 50% no-repeat #FF7B00;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding:10px 0 10px 20px;
	text-align:left;

		 }
		 
.pd-sub li.close a {
	background:#FFAD00;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding:10px 0;
	text-align:center;
		 }
 

#nav02 {
	background-color:#FF7B00;
	margin:0 0 20px 0;
	max-width: 100%;

}

#nav02 ul {
	max-width: 100%;

}

#nav02 li {
	width:50%;
	float: left;
	font-size:90%;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAD00), to(#FF7B00));
}

#nav02 li a {
	display: block;
	padding:3% 6%;
	text-decoration:none;
	color:#fff;
	padding:4% 6%;
	background:url(../images/arrow.png) 98% 50% no-repeat;
	border-left: 1px solid #FF5300;
	border-right: 1px solid #FFCA5C;
	border-bottom: 1px solid #FF5300;
	border-top: 1px solid #FFCA5C;
}


/*キャンペーンタイトル*/
.camp {
		text-align:center;
		color:#f00;
		font-weight:bold;
		font-size:1.1em;
		border:solid 1px #f00;
		padding:1.5% 0;
		margin:1% 5% 2% 5%;
}

/* 動画コンテンツ */
.movie_conts{
	width: 100%;
    box-sizing: border-box;
    padding: 0 5%;
	margin-bottom: 15px;
}

.movie_conts iframe{
	width: 100%;
	min-height: 180px;
	max-height: 220px;
	height: 52vw;
}

.movie_ttl{
	background: #FF7B00;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px 5px 0 0;
}


/*トップコラム*/
.column-list li {
		margin-bottom:2%;
		padding-bottom:2%;
		border-bottom:dashed 1px #ccc;
		font-size:15px;

}

.profie_movie{
	width: 100%;
	box-sizing: border-box;
	margin-top: 15px;
	padding: 0 5%;
}

.profie_movie iframe{
	width: 100%;
	height: 57vw;
	max-height: 240px;
}


/*診療時間テーブル*/

#main table.time {
width: 90%;
margin: 0.75em auto 1.5em;
border-bottom: 2px solid #ccc;
}

#main table.time th,#main table td {
font-size: 93%;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 1em 2.5%;
background-color: #fafafa;
}

#main table.time th {
background-color: #f5f5f5;font-weight:bold;
}

/* LINE予約ボタン */
.linereserve_btn {
	display: inline-block;
	box-sizing: border-box;
	padding: 8px 16px;
	background: #06c755;
	border-radius: 4px;

	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.025em;
}

.linereserve_btn img {
	width: auto;
	max-width: 18px;
	height: auto;
	margin-right: 6px;
	position: relative;
	top: 1px;
	z-index: 0;
}

.linereserve_btn:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}


/*角円ボタン*/
a.btn-b {
	color: #FFF;
	text-decoration: none;
	background-color:#4BA708;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66BF25), color-stop(100%, #4BA708));
	background-image: -webkit-linear-gradient(#66BF25,#4BA708);
	background-image: -moz-linear-gradient(#66BF25,#4BA708);
	background-image: -o-linear-gradient(#66BF25,#4BA708);
	background-image: linear-gradient(#66BF25,#4BA708);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-o-border-radius: 2em;
	border-radius: 2em;
	-webkit-box-shadow: 0px 1px 2px #999;
	-moz-box-shadow: 0px 1px 2px #999;
	-o-box-shadow: 0px 1px 2px #999;
	box-shadow: 0px 1px 2px #999;
	text-shadow: 0 -1px 1px #367A05;
	display: inline-block;
	width: 100%;
	text-align:center;
	padding:2% 1%;
	font-size:100%;
}


.btmnav {
		text-align:center;
		font-size:small;
}


/*snsボタン*/

#socialbuttons {
		padding:0 5%;
		margin:1em auto 0 auto;
		text-align:center;
		width:90%;
}

#socialbuttons div {
 float: left;
 }
 
 


#foot-content {
		background:url(../images/fcng.gif) 0 0;
		max-width:640px;
		margin:0 auto;
		padding:10px 0;
}

.switch {
		float:left;
		margin:0 0 0 5%;
		background:url(../images/pc.png) right 50% no-repeat;
		padding-right:25px;
}

.pagetop {
		float:right;
		margin:0 5% 0 0;
		background:url(../images/pt.png) right 50% no-repeat;
		padding-right:25px;
}



footer {
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
	background-color:#666;
	color:#fff;
	font-size:small;
	max-width:640px;
	margin:0 auto;
}



footer p {
	clear: both;
	padding: 0;
}

footer img {
	vertical-align: top;
}

#sp_btm{
	position: fixed;
	bottom: -100px;
	left: 0;
	right: 0;
	transition: all 0.25s linear 0s;
}

#sp_btm.on{
	bottom: 0;
}

.sp_btm-wrap{
	width: 100%;
	box-sizing: border-box;
	padding: 6px 6px 12px;
	background: rgba(255, 255, 255, 0.7);
	display: flex;
	justify-content: space-between;
}

.sp_btm-conts{
	width: calc(50% - 3px);
}

.sp_btm-conts p{
	line-height: 0;
}

.sp_btm-conts img{
	width: auto;
	max-width: 100%;
	height: auto;
}


/*下層ページ*/

h1.pt {
background: -moz-linear-gradient(#fff, #efefef);
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef)); 
		text-align:center;
		font-size:17px;
		border-top:dotted 1px #FF7B00;
		border-bottom:solid 2px #FF7B00;
		padding:4% 2% 3% 2%;
		margin-bottom:2%;
}

h1.pt span{
		font-size:12px;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
color:#FF7B00;
}


.price {
		font-size:14px;
		font-weight:bold;
		border:dotted 1px #555;
		background:#f5f5f5;
		padding-top:3%;
		padding-bottom:2%;
		border-left:none;
		border-right:none;
}


.submit {
		padding:0 5%;
}

.w95 {
		width:95%!important;
}


/*料金テーブル*/

#main table.pt {
width: 90%;
margin:0.5em 1.5em;
border-top:dotted 1px #ccc;
border-left:dotted 1px #ccc;
}

#main table.pt td {
font-size: 93%;
padding:1%;
border-bottom:dotted 1px #ccc;
border-right:dotted 1px #ccc;
}

#main table.pt td.th {
font-size: 93%;
padding:1%;
background-color: #DCFFD7;
border-bottom:dotted 1px #ccc;
border-right:dotted 1px #ccc;
}


/*会社概要テーブル*/


table.ct {
width: 90%;
margin: 0.75em auto 1.5em;
}

table.ct td {
font-size: 93%;
border-bottom: 1px solid #ddd;
padding: 1em 2.5%;
background-color: #fff;
}

table.ct th {
background-color: #DCFFD7;font-weight:bold;
padding: 1em 2.5%;
border-bottom: 1px solid #76D76A;
text-align:left;
}

/*フォームテーブル*/


table.ft {
width: 90%;
margin: 0.75em auto 1.5em;
}

table.ft td {
font-size: 93%;
padding:1% 1% 5% 1%;
background-color: #f7f7f7;

}

table.ft td.th {
background-color: #ddd;
font-weight:bold;
padding:1%;
text-align:left;
border-top:solid 2px #FF7B00;
border-bottom:none;
}


.w95 {
		width:95%!important;
}

.sbt {
		text-align:center;
		padding:1% 0;
		margin:0 5%;
		background:#FDDFE2;
}




div.news-box {
		padding:8px;
		border:solid 1px #f00;
		color:#f00;
		line-height:1.6em;
		margin:-3% 2% 1% 2%!important;
}

.news-box h2 {
		font-size:13px!important;
		font-weight:bold;
		margin:0!important;
		padding:0!important;
		background:none!important;
		text-align:left!important;
		border:none!important;
		color:#f00!important;
}


.news-box p {
		font-size:12px;
		margin:0;
		padding:0;
}