@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* common css */

/*---------------------------------
memo
普遍のもの中心
---------------------------------*/

html{
	font-size: 62.5%;/*ベースを10pxにしています*/
}

body{
	background-image:url(../img/common/bg.png);
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:400;
	padding:0;
	margin:0;
	color:#603c22;
}

img{
	vertical-align: middle;
}

h1,h2,h3,h4,h5,p{
	padding:0;
	margin:0;
}

ul,ol,li{
	margin:0;
	padding:0;
	list-style-type: none;
}

*:focus {
  outline: none;
}

.mincho{
	font-family:"游明朝体","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	font-weight: 500;
}

a{
	color:#603c22;
}

a:hover{
	color:#d87576;
}



/*--- clear---------------------*/
.clearfix {zoom:1;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}


/*---------------------------------
レイアウト
---------------------------------*/
.inner{
	width:1050px;
	margin-right:auto;
	margin-left:auto;
	box-sizing: border-box;
}
.mainContents {
	padding:0 10px 60px 10px;
	min-height:300px;
}

.mainContents .content{
	font-size:1.5rem;
	line-height:1.4;
}

/*---------------------------------
パーツ
---------------------------------*/

.pcHide{
	display: none;
}

.mainContents .mainTT{
	font-size:2.6rem;
	padding:40px 0;
}

.sup{
	vertical-align: super;
	font-size:1.1rem;
	display: inline-block;
	padding-right: 3px;
	color:#7C9F37;
}

.pink{
	color:#d87576;
}
/*---------------------------------
フォームパーツ
---------------------------------*/
.btn,
.mainContents .content button{
	font-size: 1.8rem;
	padding:5px 25px;
	display: inline-block;
	background-color:#603c22;
	color:#FFF;
	border-radius: 50px;
	margin-bottom:5px;
	border:none;
	display: inline-block;
	cursor: pointer;
}
.btn:hover,
.mainContents .content button:hover{
	color:#FFF;
	background-color:rgba(96, 60, 34, 0.6);
}

.mainContents .content input[type="text"],
.mainContents .content textarea{
	font-size:1.5rem;
	background-color:rgba(255,255,255,0.5);
	border:1px solid #9a816d;
	padding:5px;
}


.small .btn,
.mainContents .content .small button{
	font-size: 1.5rem;
	padding:3px 15px;
}
.mainContents .btnSet .btn i.fa-angle-right{
	display: inline-block;
	padding:0 0 0 5px;
}
/*---------------------------------
#header0
---------------------------------*/

#header .inner:before{
	content:"";
	display: block;
	width:166px;
	height:139px;
	background-image:url(../img/common/leaf.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left:-170px;
	f:-40px
}
#header .inner:after{
	content:"";
	display: block;
	width:87px;
	height:146px;
	background-image:url(../img/common/leaf2.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right:-100px;
	bottom:-70px
}
#header .inner{
	position: relative;
	z-index:1000;
}
#header h1 a{
	display: block;
	width:425px;
	text-indent:-9999px;
	overflow: hidden;
	height:110px;
	background-image:url(../img/common/head_logo.png);
	background-repeat: no-repeat;
}
#header .headerInfo{
	width:615px;
	position: absolute;
	right:0;
	top:5px;
	box-sizing: border-box;
	padding-right:340px;
}
#header .headerInfo img{
	width:321px;
	position: absolute;
	top:0;
	right:0;
}
#header .headerInfo .add{
	font-size:1.3rem;
	line-height:1.4;
	padding-top:5px;
	padding-bottom:3px;
	text-align: center;
}
#header .headerInfo .tel {
	text-align: center;
}
#header .headerInfo .tel i{
	display: none;
}
#header .headerInfo .tel .cap{
	font-size:2.0rem;
	display: inline-block;
	padding-right:10px;
}
#header .headerInfo .tel .no{
	font-size:3.0rem;
	font-weight: 200;
	letter-spacing: 0.08em;
	display: inline-block;
}

#header .headerInfo .link{
	padding-top:5px;
	display: block;
}
#header .headerInfo .link a{
	background-color:#603c22;
	color:#FFF;
	font-size:1.2rem;
	padding:5px 10px;
	display: block;
	text-align: center;
	border-radius: 50px;
}
#header .headerInfo .link a:hover{
	background-color:rgba(98, 61, 34, 0.69);
}
#header .headerInfo .link a i{
	display: inline-block;
	padding-left:3px;
	margin-bottom:2px;
	font-size:1.8rem;
	vertical-align: middle;
}



#header .nav{
	background-color:rgba(255,255,255,0.5);
	border:1px solid #FFF;
	padding:0 0 0 40px ;
	margin-top:10px;
	border-radius: 50px;
	display:flex;
	justify-content: space-between;
}
#header .nav li {
	display: block;
	padding-right:30px;
}
#header .nav li:nth-of-type(8) {
	padding-right:0;
}
#header .nav li a{
	display: block;
	text-align: center;
	font-size:1.5rem;
	font-weight: 300;
	padding:10px 0;
	color:#603c22;
}
#header .nav li a:hover{
	color:#d87576;
}
#header .nav li a i{
	display: none;
}
/*---------------------------------
#footer
---------------------------------*/
#footer .link{
	background-image:url(../img/common/footer_head.png);
	background-position: center bottom;
	height:193px;
}
#footer .link a{
	font-size:3.6rem;
	width:840px;
	display: block;
	text-align: center;
	color:#FFF;
	background-color:rgba(216,117,118,0.5);
	border:5px solid rgba(248, 225, 225, 1);
	border-radius: 5px;
	padding:15px ;
	box-sizing: border-box;
	font-weight: 100;
	}
#footer .link a i{
	font-weight: 100;
	padding-left:20px;
	display: inline-block;
}
#footer .footerInfo{
	padding-bottom:40px;
	background-color: #FFF;
}


#footer .footerInfo .access{
	float:left;
	width:430px;
}
#footer .footerInfo .access .add{
	font-size:1.5rem;
	padding-bottom:7px;
}
#footer .footerInfo .access .tel .cap{
	font-size:2.0rem;
	display: inline-block;
	padding-right:10px;
}
#footer .footerInfo .access .tel .no{
	font-size:3.2rem;
	font-weight: 200;
	letter-spacing: 0.08em;
	display: inline-block;
	padding-right:30px;
}
#footer .footerInfo .access .tel .name{
	font-size:2.5rem;
	font-weight: 300;
}
#footer .footerInfo .access .map{
	padding-top:15px;
}
#footer .footerInfo .access .map iframe{
	width:430px;
	height:300px;
	border:none;
}

#footer .footerInfo .list{
	float:right;
	width:580px;
	background-image:url(../img/common/footer_copy.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom:60px;
}

#footer .footerInfo .list .listBox{
	width:47%;
	float:left;	
}
#footer .footerInfo .list .list1{
	margin-right:6%;
}
#footer .footerInfo .list .listBox h2{
	border:1px solid #603c22;
	padding:10px;
	text-align: center;
	font-size:1.8rem;
	border-radius: 50px;
}
#footer .footerInfo .list .listBox ul li{
	list-style-type: disc;
	font-size:1.5rem;
	margin-left:40px;
	font-weight: 300;
	padding-top:10px;
}
/*

#footer .footerInfo .line{
	position: fixed;
	bottom:30px;
	right:20px;
	z-index:9999;
}
#footer .footerInfo .line a{
	display: block;
	background-color:#FFF;
}*/


#footer .footerInfo .line img{
	width:100%;
	margin-bottom:20px;
}

#footer .copyright{
	background-color:#603c22;
}
#footer .copyright p{
	color:#FFF;
	font-size:1.3rem;
	padding:30px 0 10px 0;
	text-align: center;
	font-weight: 100;
	letter-spacing: 0.08em;
}
/*---------------------------------
page single
---------------------------------*/


/*---------------------------------
予約
---------------------------------*/

.page-reservation .monthly-calendar table caption{
	font-size:2.6rem;
	padding-bottom:10px;
}
.page-reservation .monthly-calendar table{
	border:1px solid #9a816d;
	width:100%;
}
.page-reservation .monthly-calendar table td{
	border:1px solid #9a816d;
	width:14.285%;
}
.page-reservation .monthly-calendar table .week-title{
	border:1px solid #9a816d;
	padding:10px 0;
	background-color:rgba(98, 61, 34, 0.3);
	font-size:2.0rem;
}
.page-reservation .monthly-calendar .day-box.no-day{
	background-color:transparent;
}
.page-reservation .monthly-calendar .day-number{
	font-size:2.6rem;
	font-weight: 500;
}
.page-reservation .monthly-calendar .calendar-mark{
	font-size: 2.6rem;
}
.page-reservation .monthly-calendar .calendar-daylink{
	font-size: 1.5rem;
	padding:5px 15px;
	display: inline-block;
	background-color:#603c22;
	color:#FFF;
	border-radius: 50px;
	margin-bottom:5px;
}
.page-reservation .monthly-calendar .calendar-daylink:hover{
	background-color:rgba(96, 60, 34, 0.6);
}
.page-reservation .monthly-calendar .calendar-daylink i{
	font-size:1.8rem;
	display: inline-block;
	padding-left:3px;
	padding-bottom:1px;
}

.page-reservation .monthly-prev-next{
	margin-top:10px;
}
.page-reservation .monthly-prev-next a{
	background-color:#9a816d;
	color:#FFF;
	display: inline-block;
	padding:10px;
}
.page-reservation .monthly-prev-next a:hover{
	background-color:#603c22;
}
.page-reservation .monthly-prev-next .monthly-next{
	margin-right:0;
}
.page-reservation .monthly-prev-next span{
	background-color:#9a816d;
	opacity: 0.3;
	color:#FFF;
	display: inline-block;
	padding:10px;
}
.page-reservation .day-calendar{
	margin-top:30px;
}
.page-reservation .day-calendar p{
	font-size:2.6rem;
	padding-bottom:10px;
	text-align: center;
}
.page-reservation .day-calendar h3{
	display: none;
}
.page-reservation .day-calendar table{
	border-collapse: collapse;
	border:1px solid #9a816d;
	width:100%;
}
.page-reservation .day-calendar table th{
	border:1px solid #9a816d;
	font-size:2.0rem;
	padding:10px;
	border-radius: 0;
	background-color:rgba(98, 61, 34, 0.3);
}
.page-reservation .day-calendar table td{
	border:1px solid #9a816d;
	font-size:2.0rem;
	padding:10px;
	border-radius: 0;
}
.page-reservation .day-calendar table td a{
	font-size: 1.5rem;
	padding:5px 15px;
	display: inline-block;
	background-color:#603c22;
	color:#FFF;
	border-radius: 50px;
}

.page-reservation .day-calendar table td a:hover{
	background-color:rgba(96, 60, 34, 0.6);
}
.page-reservation .day-calendar table td i{
	font-size:1.8rem;
	display: inline-block;
	padding-left:3px;
	padding-bottom:1px;
}

.page-reservation .day-calendar table td .full{
	font-size:2.6rem;
}
/*フォーム*/
.page-booking-form span.att{
	padding-bottom:30px;
	display: block;
}
.page-booking-form #booking-form fieldset{
	border-bottom:1px solid  #9a816d;
	border-left:none;
	font-size:1.5rem;
	padding:0;
}
.page-booking-form #booking-form fieldset legend{

	font-size:1.5rem;
	padding-left:0;
}
.page-booking-form #booking-message-fieldset legend:after{
	content:"：再診の方は診察番号をご入力ください";
	font-weight: normal;
}
.page-booking-form #booking-form fieldset table{
	border:none;
}
.page-booking-form #booking-form fieldset table th{
	border:none;
	font-size:1.5rem;
}
.page-booking-form #booking-form fieldset table td{
	border:none;
	font-size:1.5rem;
}


.page-booking-form .mainContents #booking-form #booking-confirm-fieldset legend{
	text-align: center;
	display: block;
	font-size:1.8rem;
}
.page-booking-form .mainContents #booking-form #booking-confirm-fieldset {
	border-bottom:none;
}
.page-booking-form .mainContents #booking-form #booking-confirm-fieldset table{
	border-collapse: collapse;
	margin-bottom:30px;
}
.page-booking-form .mainContents #booking-form #booking-confirm-fieldset th{
	background-color:rgba(98, 61, 34, 0.3);
	border:1px solid  #9a816d;
	padding:10px;
}
.page-booking-form .mainContents #booking-form #booking-confirm-fieldset td{
	border:1px solid  #9a816d;
	padding:10px;
}



/*---------------------------------
FAQ
---------------------------------*/

.QAbox{
	margin-bottom:40px;
	position: relative;
}
.QAbox:before{
	content:"Q";
	font-size:3.0rem;
	position: absolute;
	color:#FFF;
	font-weight: 600;
}

.QAbox h3{
	margin-left:40px;
	font-size:1.6rem;
	font-weight: 500;
	position: relative;
	background: #FFF;
	padding:10px 20px;
	border-radius:5px;
	margin-bottom:10px;
}
.QAbox h3:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFF;
	border-width: 7px;
	margin-top: -7px;
}
.QAbox .answer{
	font-size:1.5rem;
	text-align: 1.5;
	padding-left:60px;
}
.QAbox .answer a{
	color:#d87576;
	text-decoration: underline;
}


.QAbox .answer a:hover{
	color:#d87576;
	text-decoration: none;
}
.QAbox table{
	border:1px solid #9a816d;
	margin-top:20px;
}
.QAbox table th{
	padding:5px;
	border:1px solid #9a816d;
	background-color:rgba(98, 61, 34, 0.3);
}
.QAbox table td{
	padding:5px;
	border:1px solid #9a816d;
}

/*---------------------------------
blog
---------------------------------*/

/*一覧ページページャ*/
.wp-pagenavi{
	text-align: center;
}
.wp-pagenavi .pages{
	display: block;
	padding:20px 0 10px 0;
	text-align: center;
}
.wp-pagenavi a{
	display: inline-block;
	background-color:#FFF;
	padding:5px 0;
	width:30px;
	margin:0 5px;
}

.wp-pagenavi a:hover{
	background-color:rgba(255,255,255,0.5);
}

.wp-pagenavi .current{
	display: inline-block;
	padding:5px 0;
	font-weight: bold;
	width:30px;
	margin:0 5px;
}
/*個別ページページャ*/
.pageNavi {
	padding:40px 0;
}
.pageNavi a{
	display: block
}
.pageNavi a[rel="prev"]{
	float:left;
}
.pageNavi a[rel="prev"] i{
	display: inline-block;
	padding-right:3px;
}
.pageNavi a[rel="next"]{
	float:right;
}
.pageNavi a[rel="next"] i{
	display: inline-block;
	padding-left:3px;
}

/* page-blog , archive , single併用*/

.article {
	border-bottom:1px solid #9a816d;
	padding-bottom:60px;
}
.article h2 a{
	display: inline-block;
	color:#7c9f37;
	font-size:2.8rem;
	padding:40px 0 0 0;
	font-weight: 400;
}
.article .meta{
	padding:5px 0 40px 0;
	color:#d87576;
}
.article .meta .category a{
	display: inline-block;
	color:#d87576;
}
.article .meta .date{
	display: inline-block;
	padding-left:10px;
}

.article .meta i{
	display: inline-block;
	padding-right:3px;
}
.article img{
	max-width:100%;
	height:auto;
	margin:20px 0;
}

.blogSet .entry p{
	line-height:1.8;
}

.blogSet .content{
	width:75%;
	float:left;
}

.blogSet .entry a{
	color:#d87576;
	text-decoration: underline;
}
.blogSet .entry a:hover{
	color:#d87576;
	text-decoration: none;
}

.blogSet .side{
	margin-top:40px;
	width:22%;
	float:right;
	box-sizing: border-box;
	padding:15px;
	background-color:rgba(255,255,255,0.6);
	border:1px solid #FFF;
	font-size:1.5rem;
	
}
.blogSet .side h3{
	font-size:1.5rem;
	font-weight: 500;
	padding-bottom:5px;
	margin-bottom:8px;
	border-bottom:1px dotted #603c22;
}
.blogSet .side h3 i{
	display: inline-block;
	padding-right:3px;
}
.blogSet .side ul{
	margin-bottom:40px;
/*	margin-left:30px*/
}
.blogSet .side ul li{
	list-style-type: none;
	padding-bottom:10px;
	line-height:1.3;
}

.blogSet .side ul li a .date{
	font-size:1.3rem;
	opacity: 0.5;
	display: block;
	margin-bottom:3px;
}
.blogSet .side ul li i.fa-angle-right{
	display: inline-block;
	padding-left:3px;
}


/*---------------------------------
トップ
---------------------------------*/

/* feature */

.feature{
	height:600px;
	background-color:#FFF;
	position: relative;
	z-index:10;
	overflow: hidden;
}

.feature .box{
	height:600px;
	width:100%;
	background-position: center center;
}
.feature:before{
	content:"";
	height:50px;
	width:100%;
	position: absolute;
	top:0;
	left:0;
	box-sizing: border-box;
	background-image:url(../img/top/feature_cover.png);
	background-position: center top;
	z-index:99;
}
.feature:after{
	content:"";
	height:50px;
	width:100%;
	position: absolute;
	bottom:0;
	left:0;
	box-sizing: border-box;
	background-image:url(../img/top/feature_cover.png);
	background-position: center bottom;
	z-index:99;
}
.feature .box a{
	width:100%;
	height:600px;
	display: block;
	z-index:9999;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
}

.slick-dots{
	text-align: center;
	position: absolute;
	bottom:20px;
	left:0;
	background-color:#F00;
	z-index:199;
}
.slick-dots li{
	display: inline-block;
	z-index:199;
}
.slick-dots li button{
	display: inline-block;
	z-index:199;
	width:15px;
	height:15px;
	text-indent:-9999px;
	overflow: hidden;
}

/*  box   */
.page-template-page-top .mainContents{
	padding: 0 0px 60px 0px;
	min-height:inherit;
}


.topInfo {
	padding-bottom:50px;
	background-image:url(../img/common/bg_dark.png);
}
.topInfo .topInfoBoxes{
	width:50%;
	float:right;
}
.topInfo .topleftBox{
	width:483px;
	display: inline-block;
}

.topInfo .topInsta{
	padding-bottom:20px;
}
.topInfo .topInsta img{
	width:100%;
}

.topInfo .topBlog{
	width:483px;
	background-color:rgba(255,255,255,0.5);
	border:1px solid #FFF;
	border-radius: 5px;
	padding:15px;
	box-sizing: border-box;
}
.topInfo .topBlog h2{
	color:#d87576;
	font-size:1.8rem;
}

.topInfo .topBlog h2 i{
	display: inline-block;
	padding-right:3px;
	font-size:2.6rem;
	vertical-align: middle;
}
.topInfo .topBlog ul li{
	font-size:1.5rem;
	padding-top:15px;
}

.topInfo .topBlog ul a .date{
	display: inline-block;
	padding-right:15px;
}
.topInfo .topBlog ul a i.fa-clock-o{
	display: inline-block;
	padding-right:3px;
}
.topInfo .topBlog ul a i.fa-angle-right{
	display: inline-block;
	padding-left:3px;
	font-size:1.5rem;
}



.topInfo .topBox{
	width:48%;
	float:left;
	margin-left:4%;
	background-color:#FFF;
	border-radius: 5px;
	
}
.topInfo .topBox h2 a{
	display: block;
	text-align: center;
	font-size:1.8rem;
	padding:15px 0;
	color:#FFF;
	border-radius:5px 5px 0 0;
}
.topInfo .topBox h2 a:hover{
	opacity: 0.8;
}
.topInfo .topBox h2 a i{
	display: inline-block;
	padding-left:3px;
	font-size:2.2rem;
}

.topInfo .topBox.topFAQ{
	margin-left:0%;
	
}
.topInfo .topBox p{
	font-size:1.3rem;
	padding:17px 10px 17px 70px;
	line-height:1.4;
	background-repeat: no-repeat;
	
}

.topInfo .topBox.topFAQ h2 a{
	background-color:#7c9f37;
}
.topInfo .topBox.topFAQ p{
	background-position: 10px center ;
	background-image:url(../img/top/top_qa.png);
}
.topInfo .topBox.topAbout h2 a{
	background-color:#d87576;
}
.topInfo .topBox.topAbout p{
	background-position: 20px center ;
	background-image:url(../img/top/top_about.png);
}

.topInfo .topTraffic{
	width:100%;
	margin-top:20px;
	margin-left:0%;
}
.topInfo .topBox.topTraffic h2 a{
	background-color:#1095D0;
}
.topInfo .topBox.topTraffic p{
	background-position: 20px center ;
	background-image:url(../img/top/top_traffic.png);
}

/*---------------------------------
メニュー
---------------------------------*/

.page-menu .menuList .subTT{
	font-size:2.0rem;
	padding-bottom:10px;
}

.page-menu .menuList .subTT .fa{
	display: inline-block;
	width:27px;
	text-align: center;
}
.page-menu .menuList .program .subTT{
	color:#7c9f37;
}
.page-menu .menuList .hoken .subTT{
	color:#d87576;
}
.page-menu .menuList .jihi .subTT{
	color:#1095d0;
}
.page-menu .menuList .box{
	padding-bottom:40px;
	position: relative;
}
.page-menu .menuList .box .photo img{
	width:100%;
}
.page-menu .menuList .box .photo{
	float:left;
	width:25%;
	margin-right:2%;
	border:10px solid rgba(255,255,255,0.3);
	box-sizing: border-box;
}

.page-menu .menuList .box .text{
	float:left;
	box-sizing: border-box;
	width:73%;
	padding:20px;
	background-color:#FFF;
	border:10px solid rgba(156, 129, 110, 0.5);
	min-height:178px;
}

.page-menu .menuList .box .text .btn{
	position: absolute;
	right:30px;
	top:30px;
}
.page-menu .menuList .program .btn{
	background-color:#7c9f37;
}
.page-menu .menuList .program .btn:hover{
	background-color:rgba(124, 158, 55, 0.5);
}
.page-menu .menuList .hoken .btn{
	background-color:#d87576;
}
.page-menu .menuList .hoken .btn:hover{
	background-color:rgba(217, 118, 120, 0.5);
}
.page-menu .menuList .jihi .btn{
	background-color:#1095d0;
}
.page-menu .menuList .jihi .btn:hover{
	background-color:rgba(17, 151, 209, 0.5);
}



/*料金表*/
.content table.priceTB{
	padding:10px;
	width:100%;
	margin-bottom:60px;
}
.content table.priceTB caption{
	font-size:2.0rem;
	padding-bottom:20px;
	text-align: left;
}
.content table.priceTB caption i{
	padding-right:5px;
	display: inline-block;
}
.content table.priceTB thead th{
	background-color:#9B806D;
	padding:10px;
	border:1px solid #8E715C;
	color:#FFF;
}
.content table.priceTB th{
	background-color:#FFF;
	padding:10px;
	text-align: left;
	border:1px solid #9a816d;
}
.content table.priceTB td{
	padding:10px;
	border:1px solid #9a816d;
}



.content table.menu03.priceTB tbody th,
.content table.menu02.priceTB tbody th{
	width:10em;
}

.content table.menu03.priceTB tbody td.price,
.content table.menu02.priceTB tbody td.price{
	width:14em;
}

/*---------------------------------
機能改善プログラム
---------------------------------*/

.page-program .programCopy img{
	width:30%;
	float:left;
	margin:0 20px 20px 0;
}
.page-program .point {
	padding:20px 0 30px 0;
}
.page-program .point h3 {
	text-align: center;
	padding-bottom:25px;
}
.page-program .point h3 img{
	height:30px;
	width:auto;
}
.page-program .point li{
	width:19.2%;
	float:left;
	display: block;
	box-sizing: border-box;
	background-color:#FFF;
	border-radius: 10px;
	padding:20px;
	min-height:210px;
	margin-right:1%;
}

.page-program .point li:nth-of-type(5){
	margin-right:0;
}
.page-program .point li .no{
	font-size:2.4rem;
	text-align: center;
	padding-bottom:15px;
}
.page-program .point li .fa{
	font-size:3.4rem;
	text-align: center;
	display: block;
}

.page-program .es{
	position: relative;
	margin-bottom:60px;
	padding:20px 20px 20px 25%;
	border:10px solid rgba(255,255,255,0.7);
	background-color:rgba(156, 130, 110, 0.2);
}

.page-program .es .photo{
	position: absolute;
	width:20%;
	left:20px;
	top:20px;
}
.page-program .es .photo img{
	width:100%;
}
.page-program .es h3{
	font-size:1.7rem;
	font-weight: bold;
	padding-bottom:10px;
}
.page-program .es h4{
	font-weight: bold;
	padding:10px 0;
}

.page-program .content table#flowTB tbody td{
	background-color:rgba(255,255,255,0.3);
}
.page-program .content table#flowTB tbody td.flowAtt{
	text-align: center;
	font-size:1.5rem;
	border:none;
	padding:0;
	background-color:transparent;
}

.page-program .content table#flowTB tbody td.flowArrow{
	text-align: center;
	font-size:2.2rem;
	border:none;
	background-color:transparent;
}

.page-program .content table#flowTB tbody .grad th{
	background-color:#d87576;
	color:#FFF;
}
.page-program .flowTT{
	font-size:2.4rem;
}
.page-program .priceTT{
	font-size:2.4rem;
	padding-bottom:10px;
}
.page-program .priceTT .fa{
	display: inline-block;
	padding-right:5px;
}
.page-program .att{
	font-size:1.2rem;
	padding-bottom:5px;
	text-align: right;
}


/*---------------------------------
自費診療
---------------------------------*/
.page-selfpay hr{
	border:none;
	border-bottom:5px solid rgba(98, 61, 34, 0.3);
	margin:60px 0 70px 0;
}

.page-selfpay .mainCopy {
    position: relative;
    margin-bottom: 60px;
    font-size:1.8rem;
    line-height:1.9;
    padding: 20px;
    border: 10px solid rgba(255,255,255,0.7);
    background-color: rgba(156, 130, 110, 0.2);
}
.page-selfpay .selfpayCopy{
	display: flex;
	justify-content: space-between;
}
.page-selfpay .selfpayCopy .imgBox{
	width:35%;
}
.page-selfpay .selfpayCopy .imgBox img{
	width:100%;
	height:auto;
}


.page-selfpay .selfpayCopy .txtBox{
	font-size:1.5rem;
	line-height:1.7;
	width:63%;
}
.page-selfpay .selfpayCopy h3{
	font-size: 2.6rem;
	padding-bottom:10px;
}


.page-selfpay .selfpayTop h3{
	width:70%;
	margin:0 auto;
}
.page-selfpay .selfpayTop h3 img{
	width:100%;
	margin-bottom:20px;
}
.page-selfpay .selfpayTop ul{
	display: flex;
	justify-content: space-around;
}
.page-selfpay .selfpayTop li{
	width:19%;
	background-color:#FFF;
	padding:25px 10px 10px 10px;
	border-radius: 5px;
	margin-bottom:40px;
	box-sizing: border-box;
	height:140px;
	text-align: center;
	font-size:1.8rem;
}
.page-selfpay .selfpayTop li .no{
	color:#7c9f37;
	padding-bottom:5px;
	font-weight: bold;
}

.page-selfpay .selfpayFlow ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-selfpay .selfpayFlow li{
	width:48%;
	display: flex;
	padding-bottom:20px;
  align-items: center;
}

.page-selfpay .selfpayFlow li .no{
	font-size:1.5rem;
	text-align: center;
	margin:0 auto 0 auto;
	box-sizing: border-box;
	padding-top:15px;
	width:70px;
	height:70px;
	color:#FFF;
	background-color:#d87576;
	border-radius: 50px;
	line-height:1.2;
}
.page-selfpay .selfpayFlow li .no span{
	font-size:2.0rem;
	display: block;
	text-align: center;
}
.page-selfpay .selfpayFlow li p{
	width:400px;
}

.page-selfpay h4.sub {
    font-size: 3.0rem;
    margin-top:20px;
    margin-bottom:20px;
    text-align: center;
    color:#7c9f37;
}
.page-selfpay h4.sub i{
	display: inline-block;
	padding-right:5px
	color:#7c9f37;
}
.page-selfpay h4.sub br{
	display: none;
}


/*---------------------------------
フェイシャル診療
---------------------------------*/

.page-facial #footer .reserve{
	display: none;
}
.page-facial .facialInsta{
	margin-bottom:20px;
}

.page-facial .saudeLogo img{
	width:100%;
	height:auto;
}

.page-facial .saudeLogo .facialTel{
	margin-top:-8px;
}

.page-facial hr{
	border:none;
	border-bottom:5px solid rgba(98, 61, 34, 0.3);
	margin:60px 0 70px 0;
}

.page-facial .mainCopy {
    position: relative;
    margin-bottom: 60px;
    font-size:1.8rem;
    line-height:1.9;
    padding: 20px;
    border: 10px solid rgba(255,255,255,0.7);
    background-color: rgba(156, 130, 110, 0.2);
}
.page-facial .mainCopy span{
	display: block;
	padding-left:15px;
	font-size:1.5rem;
}


.page-facial .wide_one{
	display: flex;
}
.page-facial .wide_one div{
}
.page-facial .wide_one img{
	width:100%;
	height:auto;
}

.page-facial .wideImg2{
	display: flex;
	justify-content: space-between;
	margin-bottom:20px;
}
.page-facial .wideImg2 div{
	width:49%;
}
.page-facial .wideImg2 img{
	width:100%;
	height:auto;
}

.page-facial .wideImg img{
}

.wideImg1.cell{
	margin:30px 0;
}

.profacial_tokucho{
	margin-bottom:30px;
}

.page-facial .stepBox{
	display: flex;
	margin-bottom:20px;
}
.page-facial .stepBox .text{
	width:75%;
	padding-left:20px;
}
.page-facial .stepBox .imgbox{
	width:25%;
}
.page-facial .stepBox img{
	width:100%;
	height:auto;
    border: 10px solid rgba(255,255,255,0.3);
    box-sizing: border-box;
}

.page-facial .stepBox h3{
	padding:10px;
	font-weight: bold;
	color:#FFF;
	background-color: #d87576;
}

.page-facial .stepBox p{
	padding:10px 0;
	font-size:1.3rem;
}


.page-facial .menuList .subTT{
	font-size:2.0rem;
	padding-bottom:10px;
}
.page-facial .menuList .subTT i{
	margin-right:5px;
}

.page-facial .mainCopy li.prolink a,
.page-facial .profacial .menuList .subTT{
	color:#1095d0 !important;
	
}
.page-facial .mainCopy li.liftlink a,
.page-facial .liftup .menuList .subTT{
	color:#7c9f37 !important;
	
}

.page-facial .menuList{
	margin-top:30px;
}
.page-facial .menuList .box{
	padding-bottom:40px;
	position: relative;
}
.page-facial .menuList .box .photo img{
	width:100%;
}
.page-facial .menuList .box .photo{
	float:left;
	width:25%;
	margin-right:2%;
	border:10px solid rgba(255,255,255,0.3);
	box-sizing: border-box;
}

.page-facial .menuList .box .text{
	float:left;
	box-sizing: border-box;
	width:73%;
	padding:20px;
	background-color:#FFF;
	border:10px solid rgba(156, 129, 110, 0.5);
	min-height:178px;
}

#lift .liftImg{
	display: flex;
	justify-content: space-between;
	padding:20px 0 40px 0;
}
#lift .liftImg .imgBox{
	width:16%;
}
#lift .liftImg .imgBox img{
	width:100%;
	height:auto;
}
#lift .liftImg .txt{
	width:74%;
}
#lift .liftImg .txt img{
	width:100%;
	height:auto;
}
#lift .liftImg .txt p{
	padding-top:20px;
	font-size:1.8rem;
	line-height:1.6;
}
.facialTel{
	width:100%;
	height:auto;
	margin-bottom:30px;
}

/*---------------------------------
交通事故
---------------------------------*/

.page-trafficaccident .trafficCopy{
	padding-bottom:40px;
}
.page-trafficaccident .trafficCopy img{
	width:30%;
	float:left;
	margin:0 20px 20px 0;
}
.page-trafficaccident .trafficCopy h3{
	font-size: 2.6rem;
	padding-bottom:10px;
}
	

.page-trafficaccident .trafficTop h3{
	width:70%;
	margin:0 auto;
}
.page-trafficaccident .trafficTop h3 img{
	width:100%;
	margin-bottom:20px;
}
.page-trafficaccident .trafficTop li{
	width:19%;
	float:left;
	background-color:#FFF;
	padding:25px 10px 10px 10px;
	border-radius: 5px;
	margin-bottom:40px;
	box-sizing: border-box;
	margin-right:1.25%;
	height:140px;
	text-align: center;
	font-size:1.8rem;
}

.page-trafficaccident .trafficTop li .no{
	color:#7c9f37;
	padding-bottom:5px;
	font-weight: bold;
}

.page-trafficaccident .trafficTop li:nth-of-type(5){
	margin-right:0;
}


.page-trafficaccident .accFlow h3{
	font-size:2.4rem;
}
.page-trafficaccident .accFlow h3 i{
	display: inline-block;
	padding-right:5px
}

.page-trafficaccident .accFlow li{
	display: block;
	width:48%;
	float:left;
	padding-top:20px;
}

.page-trafficaccident .accFlow li{
	padding-right:4%;
	position: relative;
	min-height:5em;
}
.page-trafficaccident .accFlow li:nth-of-type(2n){
	padding-right:0%;
}
.page-trafficaccident .accFlow li .no{
	font-size:1.5rem;
	text-align: center;
	margin:0 auto 0 auto;
	box-sizing: border-box;
	padding-top:15px;
	width:70px;
	height:70px;
	color:#FFF;
	background-color:#d87576;
	border-radius: 50px;
	position: absolute;
	line-height:1.2;
	left:0;
}
.page-trafficaccident .accFlow li .no span{
	font-size:2.0rem;
	display: block;
	text-align: center;
}
.page-trafficaccident .accFlow li p{
	padding-top:15px;
	padding-left:80px;
}


/*---------------------------------
ABOUT
---------------------------------*/

.page-about .aboutClinic{
	padding-bottom: 60px;
}
.page-about .aboutClinic .photo{
	width:280px;
	height:280px;
	float:left;
	background-color:#FFF;
	box-sizing: border-box;
	padding:50px 0 0 0;
	border-radius: 50%;
	text-align: center;
}
.page-about .aboutClinic.mean .photo img{
	width:55%;
}
.page-about .aboutClinic.motto .photo{
	float:right;
	margin-top:30px;
	padding-top:0;
	overflow: hidden;
}
.page-about .aboutClinic.motto .photo img{
	width:100%;
	border-radius: 50%;
}

.page-about .aboutClinic .txt{
	padding-left:320px;
	font-size:1.6rem;
	line-height:1.6;
}
.page-about .aboutClinic.motto .txt{
	padding-left:0px;
	padding-right:320px;
}
.page-about .aboutClinic.motto .txt p{
	padding-bottom:20px;
}
.page-about .aboutClinic.motto .txt p strong{
	color:#D87576;
	font-weight: normal;
	font-size:1.8rem;
}

.page-about .aboutClinic .subTT img{
	width:auto;
	height: 35px;
	margin-bottom:30px;
}

.page-about .att{
	font-size:1.2rem;
	padding-top:20px;
}
.page-about .staff{
	padding:20px;
	border:10px solid rgba(255,255,255,0.7);
	background-color:rgba(156, 130, 110, 0.2);
}
.page-about .staff .photo{
	float:left;
	width:130px;
	margin-right:20px;
}
.page-about .staff .photo img{
	width:100%;
	height:auto;
}
.page-about .staff .subTT img{
	width:auto;
	height: 27px;
	margin-bottom:20px;
}

.page-about .staff p{
	font-size:1.5rem;
	line-height:1.6;
}