@charset "utf-8";

/* 共通 */
/*---- Clear fix ----*/
.clearfix, ul.navi:after  {
	content: "";
	display: block;
	clear: both;
}

.fred  {
	color: #ff402c;
}

.fbold   {
	font-weight: bold;
}

.f12  {
	font-size: 11px;
	line-height:150%;
}

.top-newsbox ul {
}

.top-newsbox ul li {
padding:7px 0;
border-bottom:1px dashed #ebebeb;
}

.top-newsbox ul li span {
padding:5px 0;
font-weight: bold;
}

.top-newsbox ul li a {
text-decoration:none;
}

.sub-name {
margin-bottom:10px;
font-size:15px;
}

.sub-adress {
width: 245px;
margin:0px auto;
}

.table-open {
width:100%;
border-collapse:collapse;
width:100%;
margin:10px auto;
}

.table-open th,.table-open td {
padding:7px;
border:1px solid #ddd;
}

.table-open th {
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
background:#eee;
}

.table-open td {
text-align:center;
}

td.day {
font-weight:bold;
text-align:center;
background:#eee;
}

.table-reception {
font-weight:normal;
font-size:12px;
}

.serivice-sublink ul {
}

.serivice-sublink ul li {
float:left;
padding:0 6px 0 5px;
margin-bottom:3px;
list-style:none;
border-bottom:0;
display:inline-block;
border-right:1px solid #e2e0dc;
}

.news-subtitle {
margin-bottom:15px;
padding:5px 0px 5px 10px;
background-color:#E2E0DC;
border-left:6px solid #35aba3;
}

.about-i-red {
color: #eb5f5f;
font-size: 22px;
}

.about-i-red-s {
color: #eb5f5f;
font-size: 12px;
}

.about-i-blue {
color: #5574b9;
font-size: 22px;
}

.about-i-green {
color: #59b06c;
font-size: 22px;
}

.about-i-green-s {
color: #59b06c;
font-size: 12px;
}

.about-i-orange {
color: #ffa500;
font-size: 22px;
}

.about-i-orange-s {
color: #ffa500;
font-size: 12px;
}

.about-i-pink {
color: #ff69b4;
font-size: 22px;
}

.about-i-pink-s {
color: #ff69b4;
font-size: 12px;
}

.sub-reserve {
overflow: hidden;
width:220px;
margin:20px auto 30px;
}

.sub-reserve img {
max-width:220px;
}

.sub-reserve p {
	font-size:12px;
}

.sub-access {
overflow: hidden;
xwidth:220px;
margin:0px auto;
x	background-color: #112200;
}

.sub-access-photo {
max-widht:220px;
}

.sub-access-photo img {
widht:100%;
}

.top-reserv-come {
	font-size: 11px;
	margin-bottom: 20px;
}

.redline {
	text-decoration: underline;
	color: #eb5f5f;
}

.fredb {
	color: #eb5f5f;
	font-weight: bold;
}

.fblue {
	color: #006edf;
}

.table-news {
border-collapse:collapse;
margin: 20px 0px;
}

.table-news th,.table-news td {
padding:7px;
border:1px solid #ddd;
}

.table-news th {
letter-spacing:1px;
white-space:nowrap;
background:#eee;
}

.table-news td {
text-align:center;
}

.btn-link {
background-color: #35aba3;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
}

.btn-link a {
color: #fff;
text-decoration: none;
}

.btn-link:hover {
background-color: #216f6a;
}

/* PC用 */
@media only screen and (min-width:940px) {
	.gridWrapper-top {
	clear:both;
	padding:20px 0;
	overflow:hidden;
	}

	#page-title {
	width:100%;
	padding: 3px 0px;
	background-color:#E2E0DC;
	}
	
	.page-title-inner {
	width:940px;
	margin:0px auto;
	font-size:12px;
	}
	
	.top-reservebox {
	overflow: hidden;
	margin-top: 10px;
	}
	
	.top-reservebox li {
		margin-bottom: 10px;
		padding: 0px;
		border-bottom:none;
	}
	
	.top-reservebox li img {
	width: 220px;
	}
	
	.top-newsbox {
	overflow: hidden;
	margin-bottom:30px;
	}
	
	.top-newsbox h2  {
	margin-bottom: 20px;
	text-align:center;
	}
	
	.top-newsbox h2 img  {
	max-width:470px;
	}
	
	/*---- 治療 ----*/
	.serivice-sublink {
	overflow:hidden;
	width:600px;
	margin:0px auto 30px;
	padding:10px;
	border:1px solid #e2e0dc;
	}
	
	.servicetable  {
		display: table;
		width : 100%;
	}
	
	.servicetable-row  {
		display: table-row;
	}
	
	.servicetable .servicetable-title  {
		display: table-cell;
		width: 7%;
		min-width : 50px;
		padding: 10px 0px;
		vertical-align: top;
	}
	
	.servicetable .servicetable-data  {
		display: table-cell;
		padding: 10px 0px;
		vertical-align: top;
	}
	
	.access-map {
	max-width:500px;
	margin:0px auto 10px;
	}
	
	.access-map img {
	width:100%;
	}
	
	/*---- 美容 ----*/
	.beautybox  {
	margin-bottom:40px;
	}
	
	.beauty-subtbox  {
	overflow:hidden;
	}
	
	.beauty-subt  {
	float: left;
	font-size: 16px;
	color: #35aba3;
	xfont-weight: bold;
	}
	
	table.beautytable {
	float:right;
	border-collapse:separate;
	border-spacing: 0px 5px;
	color: #35aba3;
	}
	
	table.beautytable th,table.beautytable td {
	padding:0px 10px;
	}
	
	table.beautytable th {
	text-align: center;
	letter-spacing:1px;
	white-space:nowrap;
	}
	
	.beautytable-border {
	border: 1px solid #35aba3;
	}
	
	.beauty-text  {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 2px solid #35aba3;
	}
	
	.beauty-naiyou  {
	padding: 3px 8px;
	background-color: #847765;
	color: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
	.beautytable2  {
		display: table;
		width : 100%;
	}
	
	.beautytable2-row  {
		display: table-row;
	}
	
	.beautytable2 .beautytable2-title  {
		display: table-cell;
		width: 45%;
		min-width : 310px;
		padding: 10px 0px;
		vertical-align: top;
		xfont-weight: bold;
		border-bottom: 1px solid #D9D9D9;
	}
	
	.beautytable2 .beautytable2-data  {
		display: table-cell;
		padding: 10px 0px;
		vertical-align: top;
		border-bottom: 1px solid #D9D9D9;
	}
	
	#gallery .grid {width:320px; margin: 0px 10px 10px 10px;}
	#gallery .grid p {text-align:center;}
	
	.newspic-ceneter  {
	margin: 20px 0px;
	text-align:center;
	}
	
	.newspic-ceneter  {
	width: 100%;
	}
	
	.service-kensabox {
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.servicelist {
		overflow: hidden;
	}
	
	.servicebox {
		float: left;
		width: 22.38%;
		margin: 1.1% 1.1% 10px 1.1%;
	}
	
	.servicebox img {
		width: 100%;
	}
	
	.servicebox p {
		font-size: 12px;
		line-height: 135%;
	}
	
	.inspect-subt{
	margin-bottom: 15px;
	padding-bottom: 5px;
	color:#35aba3;
	font-size: 16px;
	border-bottom: 1px solid #35aba3;
	}

	.inspect-navi{
		overflow: hidden;
		margin-bottom: 30px;
	}

	.inspect-navi ul {
	}

	.inspect-navi ul li{
	float: left;
	padding-left:13px;
	padding-right:15px;
	background: url(images/service/arrow.png) no-repeat 5px;
	}

	.inspect-navi ul li a{
	text-decoration:none;
	}
	.inspect-navi ul li a:hover{
	color: #9e8754;
	text-decoration:underline;
	}
	
	.elevator{
		margin-top: 20px;
		padding: 10px;
		border: 1px solid #eb5f5f;
		color: #eb5f5f;
	}
	
	.botox-pic {
	max-width: 506px;
	margin: 30px auto 0px;
	padding-bottom: 10px;
	}
	
	.botox-pic img {
	width:100%;
	}
	
	/* Google Mapを囲う要素 */
	.google-map {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 の場合。縦横比に合わせて調整 */
	 overflow: hidden; /* はみ出し防止 */
	}

	/* Google Mapのiframe */
	.google-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
}


/* モニター幅960px以下 */
@media only screen and (max-width:960px) {
	.gridWrapper-top {
	clear:both;
	padding:20px 0;
	overflow:hidden;
	}
	
	#page-title {
	width:100%;
	padding: 3px 0px;
	background-color:#E2E0DC;
	}
	
	.page-title-inner {
	width:100%;
	margin:0px auto;
	font-size:12px;
	}
	
	.top-reservebox {
	width: 220px;
	margin: 10px auto 0px;
	}
	
	.top-reservebox li {
		margin-bottom: 5px;
		padding: 0px;
		border-bottom:none;
	}
	
	.top-reservebox li img {
	width: 220px;
	}
	
	.top-newsbox {
	overflow: hidden;
	margin: 0px 10px 30px 10px;
	}
	
	.top-newsbox h2  {
	margin-bottom: 20px;
	text-align:center;
	}
	
	.top-newsbox h2 img  {
	max-width:470px;
	}
	
	.sub-access {
	width:220px;
	margin:0px auto;
	}
	
	.sub-access-photo {
	}
	
	.sub-access-photo img {
	widht:100%;
	}
	
	.top-reservebox {
	width: 220px;
	margin: 10px auto 0px;
	}
	
	.top-reservebox ul {
		margin-top: 20px;
	}
	
	.top-reservebox ul li {
	float:left;
	width:24%;
	margin:0px 0.5%;
	}
	
	.top-reservebox ul li img {
	width:100%;
	}
	
	.top-reservebox ul li p {
	font-size: 12px;
	}
	
	
	/*---- 治療 ----*/
	.serivice-sublink {
	overflow:hidden;
	width:600px;
	margin:0px auto 20px;
	padding:10px;
	border:1px solid #e2e0dc;
	}
	
	.servicetable  {
	}
	
	.servicetable-row  {
		margin-bottom: 5px;
	}
	
	.servicetable .servicetable-title  {
		min-width : 50px;
		padding: 5px 0px;
		vertical-align: top;
	}
	
	.servicetable .servicetable-data  {
		padding-bottom: 5px;
	}
	
	/*---- 美容 ----*/
	.beautybox  {
	margin-bottom:40px;
	}
	
	.beauty-subtbox  {
	overflow:hidden;
	}
	
	.beauty-subt  {
	float: left;
	font-size: 16px;
	color: #35aba3;
	xfont-weight: bold;
	}
	
	table.beautytable {
	float:right;
	border-collapse:separate;
	border-spacing: 0px 5px;
	color: #35aba3;
	}
	
	table.beautytable th,table.beautytable td {
	padding:0px 10px;
	}
	
	table.beautytable th {
	text-align: center;
	letter-spacing:1px;
	white-space:nowrap;
	}
	
	.beautytable-border {
	border: 1px solid #35aba3;
	}
	
	.beauty-text  {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 2px solid #35aba3;
	}
	
	.beauty-naiyou  {
	padding: 3px 8px;
	background-color: #847765;
	color: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
	.beautytable2  {
	}
	
	.beautytable2-row  {
		margin-bottom: 5px;
	}
	
	.beautytable2 .beautytable2-title  {
		padding: 5px 0px;
		font-weight: bold;
	}

	.beautytable2 .beautytable2-data  {
		padding-bottom: 5px;
		border-bottom: 1px solid #D9D9D9;
	}
	
	#gallery .grid {width:45%; margin: 0px 0.25% 10px 0.25%;}
	#gallery .grid p {text-align:center;}
	
	.newspic-ceneter  {
	margin: 20px 0px;
	text-align:center;
	}
	
	.newspic-ceneter  {
	width: 100%;
	}
	
	.service-kensabox  {
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.servicelist {
		overflow: hidden;
	}
	
	.servicebox {
		float: left;
		width: 22.38%;
		margin: 1.1% 1.1% 10px 1.1%;
	}
	
	.servicebox img {
		width: 100%;
	}
	
	.servicebox p {
		font-size: 12px;
		line-height: 135%;
	}
	
	.inspect-subt{
	margin-bottom: 15px;
	padding-bottom: 5px;
	color:#35aba3;
	font-size: 16px;
	border-bottom: 1px solid #35aba3;
	}

	.inspect-navi{
		overflow: hidden;
		margin-bottom: 30px;
	}

	.inspect-navi ul {
	}

	.inspect-navi ul li{
	float: left;
	padding-left:13px;
	padding-right:15px;
	background: url(images/service/arrow.png) no-repeat 5px;
	}

	.inspect-navi ul li a{
	text-decoration:none;
	}
	.inspect-navi ul li a:hover{
	color: #9e8754;
	text-decoration:underline;
	}
	
	.elevator{
		margin-top: 20px;
		padding: 10px;
		border: 1px solid #eb5f5f;
		color: #eb5f5f;
	}
}


/* iPad 縦 */
@media only screen and (max-width:768px) {
	.gridWrapper-top {
	clear:both;
	padding:20px 0;
	overflow:hidden;
	}
	
	.top-reservebox {
	width: 220px;
	margin: 10px auto 0px;
	}

	.top-reservebox li {
	margin-bottom: 3px;
	}
	
	.top-reservebox li img {
	max-width: 220px;
	}
	
	.top-newsbox {
	overflow: hidden;
	margin: 0px 10px 30px 10px;
	}
	
	.top-newsbox h2  {
	margin-bottom: 20px;
	text-align:center;
	}
	
	.top-newsbox h2 img  {
	max-width:470px;
	}
	
	#page-title {
	width:100%;
	padding: 3px 0px;
	background-color:#E2E0DC;
	}
	
	.page-title-inner {
	width:940px;
	margin:0px auto;
	font-size:12px;
	}
	
	.sub-access-photo {
	max-widht:220px;
	text-align:center;
	}
	
	.sub-access-photo img {
	widht:100%;
	}
	
	#sub .grid h3 {
	padding-left:7px;
	margin-bottom:17px;
	font-size:18px;
	color:#333333;
	border-left:4px solid #847765;
	}
	
	.serivice-sublink {
	overflow:hidden;
	width:90%;
	margin:0px auto 20px;
	padding:10px;
	border:1px solid #e2e0dc;
	}
	
	.access-map {
	max-width:500px;
	margin:0px auto 10px;
	text-align:center;
	}
	
	.access-map img {
	width:500px;
	}
	
	/*---- 治療 ----*/
	.serivice-sublink {
	overflow:hidden;
	width:600px;
	margin:0px auto 20px;
	padding:10px;
	border:1px solid #e2e0dc;
	}
	
	.servicetable  {
	}
	
	.servicetable-row  {
		margin-bottom: 5px;
	}
	
	.servicetable .servicetable-title  {
		min-width : 50px;
		padding: 5px 0px;
		vertical-align: top;
	}
	
	.servicetable .servicetable-data  {
		padding-bottom: 10px;
	}
	
	/*---- 美容 ----*/
	.beautybox  {
	margin-bottom:40px;
	}
	
	.beauty-subtbox  {
	overflow:hidden;
	}
	
	.beauty-subt  {
	float: none;
	margin-bottom: 10px;
	font-size: 15px;
	color: #35aba3;
	}
	
	table.beautytable {
	float: none;
	border-collapse:separate;
	border-spacing: 0px 5px;
	color: #35aba3;
	}
	
	table.beautytable th,table.beautytable td {
	padding:0px 10px;
	}
	
	table.beautytable th {
	text-align: center;
	letter-spacing:1px;
	white-space:nowrap;
	}
	
	.beautytable-border {
	border: 1px solid #35aba3;
	}
	
	.beauty-text  {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 2px solid #35aba3;
	}
	
	.beauty-naiyou  {
	padding: 3px 8px;
	background-color: #847765;
	color: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
	.beautytable2  {
	}
	
	.beautytable2-row  {
		margin-bottom: 5px;
	}
	
	.beautytable2 .beautytable2-title  {
		padding: 5px 0px;
		font-weight: bold;
	}
	
	.beautytable2 .beautytable2-data  {
		padding-bottom: 5px;
		border-bottom: 1px solid #D9D9D9;
	}
	#gallery .grid {width:45%; margin: 0px 0.25% 10px 0.25%;}
	#gallery .grid p {text-align:center;}
	
	.newspic-ceneter  {
	margin: 20px 0px;
	text-align:center;
	}
	
	.newspic-ceneter  {
	width: 100%;
	}
	
	.service-kensabox {
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.servicelist {
		overflow: hidden;
	}
	
	.servicebox {
		float: left;
		width: 22.38%;
		margin: 1.1% 1.1% 10px 1.1%;
	}
	
	.servicebox img {
		width: 100%;
	}
	
	.servicebox p {
		font-size: 12px;
		line-height: 135%;
	}
	
	.inspect-subt{
	margin-bottom: 15px;
	padding-bottom: 5px;
	color:#35aba3;
	font-size: 16px;
	border-bottom: 1px solid #35aba3;
	}

	.inspect-navi{
		overflow: hidden;
		margin-bottom: 30px;
	}

	.inspect-navi ul {
	}

	.inspect-navi ul li{
	float: left;
	padding-left:13px;
	padding-right:15px;
	background: url(images/service/arrow.png) no-repeat 5px;
	}

	.inspect-navi ul li a{
	text-decoration:none;
	}
	.inspect-navi ul li a:hover{
	color: #9e8754;
	text-decoration:underline;
	}
	
	.elevator{
		margin-top: 20px;
		padding: 10px;
		border: 1px solid #eb5f5f;
		color: #eb5f5f;
	}
	
	/* Google Mapを囲う要素 */
	.google-map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%; /* 比率を4:3に固定 */
	}

	/* Google Mapのiframe */
	.google-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px) {
	.gridWrapper-top {
	clear:both;
	padding-bottom:20px;
	overflow:hidden;
	}
	
	#page-title {
	width:100%;
	padding: 3px 0px;
	background-color:#E2E0DC;
	}
	.page-title-inner {
	width:100%;
	margin:0px auto;
	font-size:9px;
	line-height: 135%;
	}
	
	.top-reservebox {
	width: 220px;
	margin: 10px auto 0px;
	}

	.top-reservebox li {
		margin: 3px;
		padding: 0px;
		border-bottom:none;
	}
	
	.top-reservebox li span {
	font-size:12px;
	}
	
	.top-reservebox li img {
	width: 220px;
	}
	
	.top-reservebox ul li img {
	width:100%;
	}
	
	.top-newsbox {
	overflow: hidden;
	margin: 0px 10px 30px 10px;
	}
	
	.top-newsbox h2  {
	margin: 0px 10px 10px 10px;
	text-align:center;
	}
	
	.top-newsbox h2 img  {
	width:100%;
	}
	
	.top-sub-adress {
	max-width: 285px;
	margin:0px auto;
	}
	
	.sub-access-photo {
	max-widht:220px;
	text-align:center;
	}
	
	.sub-access {
	width:230px;
	margin:0px auto 30px;
	}
	
	.sub-access-photo img {
	widht:100%;
	}
	
	.access-map {
	max-width:300px;
	margin:0px auto 10px;
	text-align:center;
	}
	
	.access-map img {
	max-width:300px;
	}
	
	/*---- 治療 ----*/
	.serivice-sublink {
	overflow:hidden;
	width:90%;
	margin:0px auto 20px;
	padding:10px;
	border:1px solid #e2e0dc;
	}
	
	.servicetable  {
	}
	
	.servicetable-row  {
		margin-bottom: 5px;
	}
	
	.servicetable .servicetable-title  {
		min-width : 50px;
		padding: 5px 0px;
		vertical-align: top;
	}
	
	.servicetable .servicetable-data  {
		padding-bottom: 10px;
	}
	
	/*---- 美容 ----*/
	.beautybox  {
	margin-bottom:40px;
	}
	
	.beauty-subtbox  {
	overflow:hidden;
	}
	
	.beauty-subt  {
	float: none;
	margin-bottom: 10px;
	font-size: 15px;
	color: #35aba3;
	}
	
	table.beautytable {
	float: none;
	border-collapse:separate;
	border-spacing: 0px 5px;
	color: #35aba3;
	}
	
	table.beautytable th,table.beautytable td {
	padding:0px 10px;
	}
	
	table.beautytable th {
	text-align: center;
	letter-spacing:1px;
	white-space:nowrap;
	}
	
	.beautytable-border {
	border: 1px solid #35aba3;
	}
	
	.beauty-text  {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 2px solid #35aba3;
	}
	
	.beauty-naiyou  {
	padding: 3px 8px;
	background-color: #847765;
	color: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
	.beautytable2  {
	}

	.beautytable2-row  {
		margin-bottom: 5px;
	}

	.beautytable2 .beautytable2-title  {
		padding: 5px 0px;
		font-weight: bold;
	}

	.beautytable2 .beautytable2-data  {
		padding-bottom: 5px;
		border-bottom: 1px solid #D9D9D9;
	}
	
	#gallery .grid {width:80%; margin: 0px 20px 20px 20px;}
	#gallery .grid p {text-align:center; font-size: 12px;}
	
	.newspic-ceneter  {
	margin: 20px 0px;
	text-align:center;
	}
	
	.newspic-ceneter  {
	width: 100%;
	}
	
	.service-kensabox {
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.servicelist {
		overflow: hidden;
		margin-top:10px;
	}
	
	.servicebox {
		float: left;
		width: 48%;
		margin: 0px 1% 10px 1%;
	}
	
	.servicebox img {
		width: 100%;
	}
	
	.servicebox p {
		font-size: 12px;
		line-height: 135%;
	}
	
	.inspect-subt{
	margin-bottom: 15px;
	padding-bottom: 5px;
	color:#35aba3;
	font-size: 16px;
	border-bottom: 1px solid #35aba3;
	}

	.inspect-navi{
		overflow: hidden;
		margin-bottom: 30px;
	}

	.inspect-navi ul {
	}

	.inspect-navi ul li{
	float: left;
	padding-left:13px;
	padding-right:15px;
	background: url(images/service/arrow.png) no-repeat 5px;
	}

	.inspect-navi ul li a{
	text-decoration:none;
	}
	.inspect-navi ul li a:hover{
	color: #9e8754;
	text-decoration:underline;
	}
	
	.elevator{
		margin-top: 20px;
		padding: 10px;
		border: 1px solid #eb5f5f;
		color: #eb5f5f;
	}
	.botox-pic {
	max-width: 506px;
	margin: 20px auto 0px;
	padding-bottom: 10px;
	}
	
	.botox-pic img {
	width:100%;
	}
	
	/* Google Mapを囲う要素 */
	.google-map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%; /* 比率を4:3に固定 */
	}

	/* Google Mapのiframe */
	.google-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) {
	.botox-pic {
	margin: 20px 0px 10px 0px;
	}
	
	.botox-pic img {
	width:100%;
	}
}