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

.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:#d93b62;
}


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

mark{
	font-style: normal;
	font-weight: normal;
} 

p.btn {
		max-width:49%;
}

.f-l {
		float:left;
}

.f-r {
		float:right;
}

.clear {
	clear:both;
}

.tal{
		text-align: left;
}

.tac {
		text-align:center;
}

.tar {
		text-align:right;
}

.tate_text{
		writing-mode: vertical-rl;
		-webkit-writing-mode: vertical-rl;
		-webkit-text-orientation: upright;
}

.red {
		color:#ef3a3a;
}
.orange {
	color:#f50;
}
.pink{
	color: #ffaeae;
}
.gold{
	color: #9a7d61;
}

.block{
		display:block;
}

.bold {
		font-weight:bold;
}

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

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

.btm40 {
		margin-bottom:40px!important;
}

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

.top5 {
		margin-top: 5px !important;
}

.top10 {
		margin-top: 10px !important;
}

.top20 {
		margin-top: 20px !important;
}

.top30 {
		margin-top: 30px !important;
}

.img {
		float:left;
		margin-bottom: 0;
}

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

.img_radius img{
	border-radius: 2px;
}

.max30 {
		max-width:30%;
}

.inner {
		width:100%;
}

.br:before{
	content: "\A" ;
	white-space: pre ;
}


.fs12{
	font-size: 1.2em;
}

#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:2% 3%;
}


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

.h-tel {
	float:right;
	padding-top:83px;
	max-width:48%;

}

.h-res {
	float:right;
}


.main-image {
		clear:both;
		padding: 5px 0 0;
}

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

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


section {
		margin:0 0 30px 0;
}

section.numbox {
		counter-reset:number;
}

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:1em;
		list-style:none;
}


section ul.check{
		margin: 2.5% 0;
}

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

section ul.checkbox{
		border: 5px solid #efede9;
		margin: 0 5% 5%;
		padding: 5% 5% 0;
}

h3.add {
		margin:50px 5% 2.5%;
		padding: 0 0 5px;
		line-height: 1.5;
		background:none;
		font-weight:bold;
		border:none;
		text-shadow:none;
		color: #ea8b8b;
		position: relative;
		border-bottom: 1px solid;
}

h3.add:before{
		display: inline-block;
		counter-increment:number;
		content: "ポイント" counter(number);
		font-size: 11px;
		color: #333;
		position: absolute;
		background:#ea8b8b;
		color: #FFF;
		padding: 5px 10px;
		border-radius: 20px;
		top: -30px;	
		letter-spacing: 0.05em;
}

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-top:solid 2px #ff8888;
	border-bottom:solid 2px #ff8888;
	margin-bottom:20px;
	font-size:15px;
	color:#000;
	text-align:center;
}



h3 {
		background-color: #ec9b9b;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffc3c3), to(#ec9b9b));
		background-image: -webkit-linear-gradient(#ffaeae,#ec9b9b);
		background-image: -moz-linear-gradient(#ffaeae,#ec9b9b);
		background-image: -o-linear-gradient(#ffaeae,#ec9b9b);
		background-image: linear-gradient(#ffaeae,#ec9b9b);
		padding:2% 5%;
		margin-bottom:20px;
		font-size:14px;
		color:#fff;
		border-bottom:solid 1px #ddd;
}


h4,
.ttl01 {
		background:url(../images/h4bg.gif) left center no-repeat;
		padding:0 0 1% 25px;
		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: 9999;
}


nav {
	max-width:100%;
}

.gnavi {
	max-width: 100%;

}

.gnavi li {
	float: left;
	text-align:left;
	width:50%;
	background-color:#E68888;
	background: -webkit-gradient(linear, left top, left bottom, from(#EE9D9D), to(#E68888));
	background-image: -moz-linear-gradient(#EE9D9D,#E68888);
	background-image: -o-linear-gradient(#EE9D9D,#E68888);
	background-image: linear-gradient(#EE9D9D,#E68888);
}


.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 #D06160;
	border-right: 1px solid #F8CBCB;
	border-bottom: 1px solid #D06160;
	border-top: 1px solid #F8CBCB;
}
 
 
.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 #EB9696;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding:10px 0 10px 20px;
	text-align:left;

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

#nav02 {
	background-color:#E68888;
	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(#EE9D9D), to(#E68888));
}

#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 #D06160;
	border-right: 1px solid #F8CBCB;
	border-bottom: 1px solid #D06160;
	border-top: 1px solid #F8CBCB;
}

/* 臨床試験データ */
.data{
	padding: 20px 10px;
	width: calc(90% - 20px);
	border: 1px solid #eee;
	margin: 20px auto;
	background: #f8eded;
	box-shadow: 0 0 0 5px #fff inset;
}

.data h3{
	background: rgba(0, 0, 0, 0) url("../images/data_title_bg.gif") repeat scroll 0 0;
	border-bottom: none;
	border-radius: 2px;
	margin: 0 5% 15px;
}

.data p{
	color: #9a7d61;
}

/* 推薦の声 */

h3.speech{
	position: relative;
	border-bottom:none;
	padding: 3% 5%;
}

h3.speech:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ec9b9b transparent transparent transparent;
	z-index: 0;
}
h3.speech:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ec9b9b transparent transparent transparent;
	z-index: -1;
}


.recovoice_img{
	border: 5px solid #eeece9;
}

img.recovoice_img{
	width: calc(100% - 10px);
}

/*料金ページ*/
.pickup{
	background: #fff;
    border: 2px dotted #fd4800;
    padding: 15px 5px;
    margin: 15px 5%;
    width: calc(90% - 10px);
}

.pickup p{
	margin-bottom: 5px;
}


/* 当院の不妊鍼灸について */
.fc_b{
	color: #333 !important;
	border-color: #ea8b8b !important;
}

/* お客様の声 */
.voice_img{
	margin: 0 auto 20px;
}

.voice_img img{
	max-height: 300px;
	max-width: 250px;
	position: relative;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 1px 1px #eee;
}

.voice_pager {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}

.voice_pager li{
	border: 1px solid #ddd;
	padding: 5px 10px;
	margin: 5px;
	display: inline-block;
}

/* 料金 */
.menu_price{
	width: 90%;
	margin: 0 auto 20px;
}

.menu_price dl{
	border-bottom: 1px solid #dadada;
	padding-bottom: 5px;
}

.menu_price dt{
	font-weight: bold;
	margin-bottom: 3px;
}

.menu_price dd{
	
}


/* 特典 */
.privilege{
	background: url(../images/privilege.png) no-repeat right bottom #fffcf7;
	margin-bottom: 0;
	padding-bottom: 30px;
}

.privilege h2{
	background-color: #FFF;
}

/* スタッフ紹介ページ */

section.bg_note{
	margin-bottom: 0;
}

.bg_note p{
	line-height: 1.8;
	margin-bottom: 20px;
}

.staff{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.staff li{
	width: 24%;
	margin-bottom: 20px;
}

.staff_prof{
	margin-bottom: 60px;
}

.staff_prof:last-child{
	margin-bottom: 30px;
}

.staff_prof dl{
	margin: 0 5% 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.staff_prof dl dt{
	width: 5em;
}

.staff_prof dl dd{
	width: calc(100% - 5em);
}

/* 不妊鍼灸について */
.res_voice{
	font-weight: bold;
	border-bottom: none;
	margin-bottom: 5px;
	background: none;
	padding: 0;
	display: inline-block;
}

/* よくある質問 */

.qa{
	padding: 0 5%;
}

.qa dt{
	background: url(../images/q.gif) no-repeat left center;
	background-size: 30px 30px;
	border-top: 4px solid #ebaeae;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0 10px 40px;
	color: #e66665;
}

.qa dd{
	margin-bottom: 10px;
	padding: 10px 0;
}

.qa dd ol{
	padding: 10px 10px;
	margin: 0 5%;
}

.qa dd ol li{
	margin-bottom: 10px;
}

/*キャンペーンタイトル*/

.campaign{
	margin: 30px auto;
}

.campaign h3{
	background: none;
	border-bottom: none;
}




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

}




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

#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 1%;
background-color: #fafafa;
vertical-align: middle;
text-align: center;
}

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


.time .font_s{
	font-size: 12px !important;
}



/*角円ボタン*/
a.btn-b {
	color: #FFF;
	text-decoration: none;
	background-color:#f59191;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffaeae), color-stop(100%, #f59191));
	background-image: -webkit-linear-gradient(#ffaeae,#f59191);
	background-image: -moz-linear-gradient(#ffaeae,#f59191);
	background-image: -o-linear-gradient(#ffaeae,#f59191);
	background-image: linear-gradient(#ffaeae,#f59191);
	-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 #f59191;
	display: inline-block;
	width: 100%;
	text-align:center;
	padding:2% 1%;
	font-size:100%;
	font-weight: bold;
}


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

/* 鍼灸師・整体師募集 */

.recruit_img{

}

/*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;
}

.cr{
	font-size: 12px;
}


/*下層ページ*/

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;
}


/* wordpress */

.column_data{
	margin-bottom: 0 !important;
} 

.column_ttl{
	margin-top: 1px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 6px;
	margin-bottom: 8px !important;
	
}

.column_list_conts{

}

.wp-pagenavi{
	text-align: center;
	margin-top: 25px;
}

.social4in{
	float: none !important;
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: baseline;
	align-items: baseline;
}

