@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h3.simple-a, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, ul.tag, li, fieldset, form, label, legend, table, rwd05, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	margin-top: 0 !important;
	line-height: 1
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}

.br-param2 { border-radius: 10px 40px; }
.br-max { border-radius: 50%; }

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:14px;
	color:#333;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.6;
	background:#FCFCFC;
}

.inner {
	position:relative;
	max-width:1100px;
	margin:0 auto;
}

header {
	box-sizing:border-box;
	position:relative;
	width:100%;
	background: #F2F0EC;
	font-family: 'Noto Sans JP', sans-serif;
}

nav {
	width:100%;
	background:#fff;
	box-shadow:0 1px 2px #d0d8dc;
	⁄zoom:1;
}
nav:after {
	content:'';
	display:block;
	clear:both;
}
/*--パンくずリスト--*/
#topicpath {
	overflow: hidden;
	max-width: 1100px;
	margin: 10px auto;
	font-size:11px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	color: #515151;
	padding:2px;
	background:#f2f0ec;
}
#google-translation {
	overflow: hidden;
	max-width: 1100px;
	margin: 0px auto;
	padding: 5px 2px 0px 2px;
}
#main {/*--サイドサブカラム振り分け用--*/
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:68%;
}

#sub {/*--サイドサブカラム振り分け用--*/
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:28%;
}

footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}
h1,	h2, h3 {
	font-family: 'Noto Serif JP', serif;
	color: #317291;
}
/*================================================
 *  コンテンツ
 ================================================*/
#contents { overflow:hidden; width:100%; margin:20px auto; background:#FCFCFC; }

.contents-ct { overflow:hidden; max-width:980px; margin:20px auto; padding: 0 10px; background:#FCFCFC; }

#contents-f1 { overflow:hidden; width:100%; margin:0px auto; /*background:#FCFCFC;*/ }

.contents-f1-ct { overflow:hidden; max-width:1080px; margin:60px auto; padding: 0 10px; background:#FCFCFC; }

#contents-g1 { overflow:hidden; width:100%; margin:0px auto; background:#F2F0EC; }

.contents-g1-ct { overflow:hidden; max-width:1080px; margin:60px auto; padding: 0 10px; background:#F2F0EC; }

#contents-b1 { overflow:hidden; width:100%; margin:0px auto; background:#E8F2F7; }

.contents-g1-ct { overflow:hidden; max-width:1080px; margin:60px auto; padding: 0 10px; background:#F2F0EC; }

#contents-f2 { overflow:hidden; width:100%; margin:0px auto; /*background:#FCFCFC;*/ }

#contents-g2 { overflow:hidden; width:100%; margin:0px auto;   background:#F2F0EC; }

#contents-b2 {overflow:hidden;width:100%;margin:0px auto;background: linear-gradient(90deg, #E8F2F7 0%, #E8F2F7 50%, #D4E8F0 50%, #D4E8F0 100%);/* display: flex; */justify-content: center;align-items: center;}

#contents-f3 { overflow:hidden; width:100%; margin:0px auto; /*background:#FCFCFC;*/ }

#contents-g3 { overflow:hidden; width:100%; margin:0px auto; background:#F2F0EC; }

#contents-f4 { overflow:hidden; width:100%; margin:0px auto; /*background:#FCFCFC;*/ }

#contents-g4 { overflow:hidden; width:100%; margin:0px auto; background:#F2F0EC; }

#contents-f5 { overflow:hidden; width:100%; margin:0px auto; /*background:#FCFCFC;*/ }

#contents-g5 { overflow:hidden; width:100%; margin:0px auto; background:#F2F0EC; }

#contents-f6 { overflow:hidden; width:100%; margin:0px auto; /*background:#FCFCFC;*/ }

#contents-g6 { overflow:hidden; width:100%; margin:0px auto; background:#F2F0EC; }

#contents-f7 { overflow:hidden; width:100%; margin:0px auto; /*background:#FCFCFC;*/ }

#contents-g7 { overflow:hidden; width:100%; margin:0px auto; background:#F2F0EC; }

.contents{ overflow:hidden; max-width:1080px; margin:60px auto; padding: 0 10px; }

.contents-b1{ overflow:hidden; max-width:1080px; margin:60px auto; padding: 0 10px; }

.contents-hed{overflow:hidden;max-width: 1100px;margin: 10px auto;/* padding: 0 10px; */}

/*ーーーーーーPriceページーーーーーー*/
.contents-f1c { overflow:hidden; width:100%; margin:0px auto; background:#FCFCFC; }

/*ーーーーーーPriceページ2ーーーーーー*/
.contents-g1c { overflow:hidden; width:100%; margin:0px auto; background:#F2F0EC; }

/*=====================================*/
#contents-hed {
	overflow:hidden;
	width:100%;
	margin:10px auto;
	/*background:#FCFCFC;*/
}
.contents-hed-ct {
	overflow:hidden;
	max-width:1100px;
	margin:20px auto;
	/*background:#FCFCFC;*/
}
.contents-tophed-ct {
	position: relative;
	max-width: 100%;
	background: url(../images/top/title.png);
	/* background-size: contain; */
	margin: 10px auto;
	height: 0;
	padding-top: 44.363636%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.contents-tophed-ct h1 {
	position: absolute;
	color: #3e92ba;
	top: 5%;
	left: 45%;
	font-size: 6.25vw !important;
	text-align: right;
	line-height: 1.25;
	font-weight: 300;
}
@media (min-width: 1200px) {
.contents-tophed-ct h1{
	font-size: 75px !important;
}
}
#contents-info {
	overflow:hidden;
	width:100%;
	margin:0px auto;
	background:#F2F0EC;
}
.contents-info-ct {
	overflow:hidden;
	max-width:1080px;
	margin: 0 auto;
	padding: 0 10px;
	background:#fcfcfc;
	margin-bottom: 20px;
	margin-top: 20px;
}
#contents-popular {
	overflow:hidden;
	width:100%;
	margin:0px auto;
	background:#F2F0EC;
}
.contents-popular-ct {
	overflow:hidden;
	max-width:1080px;
	margin:60px auto;
	padding: 0 10px;
	background:#F2F0EC;
}
#contents-trouble {
	overflow:hidden;
	width:100%;
	margin:0px auto;
	background:#FCFCFC;
}
.contents-trouble-ct {
	overflow:hidden;
	max-width:1080px;
	margin:60px auto;
	padding: 0 10px;
	background:#FCFCFC;
}
#contents-rank {
	overflow:hidden;
	width:100%;
	margin:0px auto;
	background:#F2F0EC;
}
.contents-rank-ct {
	overflow:hidden;
	max-width:1080px;
	margin:60px auto;
	padding: 0 10px;
	background: url(../images/bg_rank.png) no-repeat center center;
}
#contents-greeting {
	overflow:hidden;
	width:100%;
	margin:60px auto;
	background: url(../images/bg_concept.png) no-repeat center top;
	background-color: #fcfcfc;	
}
.contents-greeting-ct {
	overflow:hidden;
	max-width:1080px;
	margin:0px auto ;
	padding: 0 10px;
	/* text-align: center; */
}
#contents-concept {
	overflow:hidden;
	width:100%;
	margin:20px auto;
	background: url(../images/clinic/1concept.png) no-repeat center center;
}
.contents-concept-ct {
	overflow:hidden;
	max-width:1080px;
	margin:40px auto 0px;
	padding: 0 10px;
}
#contents-3button {
	overflow:hidden;
	width:100%;
	margin20px auto;
	background:#3e92ba;
}
.contents-3button-ct {
	overflow:hidden;
	max-width:980px;
	padding: 0 10px;
	margin:20px auto;
	background:#3e92ba;
}
#contents-other {
	overflow:hidden;
	width:100%;
	margin:20px auto;
	background:#FCFCFC;
}
.contents-other-ct {
	overflow:hidden;
	max-width:980px;
	margin:20px auto;
	padding: 0 10px;
	background:#FCFCFC;
}
#contents-f {
	overflow:hidden;
	color: #fff;
	max-width:980px;
	margin:5px auto;
	padding: 0 10px;
	background:#3e92b;
	text-align: center;
}
#contents-f p {
	line-height: 1.25;
}
.bg-performance {
    overflow: hidden;
    background: url(../images/sejutsu-menu/ulthera/bg_performance.png) no-repeat top right ;
}
/*================================================
 *  aタグ
 ================================================*/
a {
	color:inherit;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}

a.tel {
	color:#f5a92a;
	text-decoration:none;
}
.anchor {
	display: block;
	padding-top: 100px;
	margin-top: -100px;
}
/*================================================
 *  hタグ
 ================================================*/
h1 {}
h1.top {
	position: relative;
	display: block;
	color: #317291;
	font-weight: 600;
	text-align: center;
	line-height: 1em;
	margin-bottom:0.5em;
	padding:0px 30px;
	font-size:24px;
}
h1.top:before {
	content: '';
	position: absolute;
	bottom: -8px;
	display: block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #317291;
}
h2 {
	margin-bottom:0.5em;
	padding:8px 0px;
	font-size:24px;
}
/*h2.ct01 {
	position: relative;
	display: block;
	margin-bottom: 2em;
	color: #6d4c33;
	font-weight: 600;
	text-align: center;
}
h2.ct01:before {
	content: '';
	position: absolute;
	bottom: -8px;
	display: block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #6d4c33;
}*/
h2.top {
	position: relative;
	display: block;
	color: #6d4c33;
	font-weight: 600;
	text-align: center;
}
h2.top:before {
	content: '';
	position: absolute;
	bottom: -8px;
	display: block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #6d4c33;
}

h2.ct01 {
	color: #317291;
	font-size: 22px;
	display: flex;
	align-items: center;
	margin: 0 0 2em 0;
}
h2.ct01:before, h2.ct01:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #317291;
	display: block;
}
h2.ct01:before {
	margin-right: .4em;
}
h2.ct01:after {
	margin-left: .4em;
}

h2.ct02 {
	overflow: hidden;
	text-align: left;
	color: #6d4c33;
	font-size:20px;
	font-weight: 600;
	padding: 0px 30px 0px 0px;
}

h2.ct02 span {
	display: inline-block;
	padding: 0 0.5em;
	position: relative;
}

h2.ct02 span:before,
h2.ct02 span:after {
	border-top: 2px solid;
	color: #6d4c33;
	content: "";
	position: absolute;
	top: 45%;
	width: 99em;
}

h2.ct02 span:before {
	right: 100%;
}

h2.ct02 span:after {
	left: 100%;
}
/*--------- ct02  test---------*/
h3 {
	/* margin-bottom:0.5em; */
	padding:8px 0px;
	font-size: 18px;
}

h3.ct01 {
	color: #317291;
	font-size: 20px;
	display: flex;
	align-items: center;
	margin: 2em 0;
}
h3.ct01:before, h3.ct01:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #317291;
	display: block;
}
h3.ct01:before {
	margin-right: .4em;
}
h3.ct01:after {
	margin-left: .4em;
}

h3.ct01b {
	color: #6d4c33;
	font-size: 16px;
	display: flex;
	align-items: center;
	margin: 2em 0;
}
h3.ct01b:before, h3.ct01b:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #6d4c33;
	display: block;
}
h3.ct01b:before {
	margin-right: .4em;
}
h3.ct01b:after {
	margin-left: .4em;
}

h3.ct02 {
	text-align: center;
	color: #6d4c33;
	font-size:20px;
	line-height:1;
	font-weight: 600;
}

h3.ct03 {
	overflow: hidden;
	text-align: left;
	font-size:20px;
	font-weight: 600;
	padding: 0px 30px 0px 0px;
}
h3.ct03 span {
	display: inline-block;
	padding: 0 0.5em 0 0;
	position: relative;
}
h3.ct03 span:before,
h3.ct03 span:after {
	border-top: 2px solid;
	color: #317291;
	content: "";
	position: absolute;
	top: 45%;
	width: 99em;
}
h3.ct03 span:before {
	right: 100%;
}
h3.ct03 span:after {
	left: 100%;
}

h3.blue {
	background: #448eb1;/*料金表*/
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color: #FCFCFC;
	padding: 0.5em 0.5em;/*文字まわり（上下左右）の余白*/
	/* margin-bottom: -1em !important; */
}
h3.price-org {
	background: #F4AC38;/*料金表*/
	color: #FCFCFC;
	padding: 1em 0.5em;/*文字まわり（上下左右）の余白*/
	margin-bottom: -1em !important;
}
h3.price-pink {
	background: #EA7E90;/*料金表*/
	color: #FCFCFC;
	padding: 1em 0.5em;/*文字まわり（上下左右）の余白*/
	margin-bottom: -1em !important;
}

/*================================================
 *  pタグ
 ================================================*/
p {
	margin:0 0 0.5em 0;
	font-size:15px;
	line-height: 1.8;
	letter-spacing: 0.8pt;
}
.f-min {
	font-family: 'Noto Serif JP', serif;
}
/*--------- ct02  test---------*/
p.ct02 {
	overflow: hidden;
	text-align: left;
	color: #6d4c33;
	font-size:20px;
	font-weight: 600;
	padding: 0px 30px 0px 0px;
}

p.ct02 span {
	display: inline-block;
	0 0.5em 0 0;
	position: relative;
}

p.ct02 span:before,
p.ct02 span:after {
	border-top: 2px solid;
	color: #6d4c33;
	content: "";
	position: absolute;
	top: 45%;
	width: 99em;
}

p.ct02 span:before {
	right: 100%;
}

p.ct02 span:after {
	left: 100%;
}
p.hed {
	font-weight: 300;
	margin:0;
	line-height: 1.5;
	letter-spacing: 0.8pt;
}

p.lft {
	line-height: 1.8em;
	letter-spacing: 0.8pt;
	text-align: left;
}

p.rht {
	line-height: 1.8em;
	letter-spacing: 0.8pt;
	text-align: right;
}

p.cent{
	line-height: 1.8em;
	letter-spacing: 0.8pt;
	text-align: center;
}

p.cl {
	text-align: center;
	line-height: 1.8em;
	letter-spacing: 0.8pt;
}
@media only screen and (max-width: 767px) {
	p.cl {text-align: left;}
}

p.cr{
	text-align: center;
	line-height: 1.8em;
	letter-spacing: 0.8pt;
}
@media only screen and (max-width: 767px) {
	p.cr {text-align: right;}
}

p.li {
	margin:0 0 0.5em 0;
	text-indent:-1em;
	padding-left:1em;
}

p.h2 {
	position: relative;
	display: block;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 2em;
	color: #6d4c33;
}
p.h2:before {
	content: '';
	position: absolute;
	bottom: -8px;
	display: block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #6d4c33;
}

p.h3 {
	color: #6d4c33;
	font-size: 17px;
	display: flex;
	align-items: center;
}
p.h3:before, p.h3:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #6d4c33;
	display: block;
}
p.h3:before {
	margin-right: .4em;
}
p.h3:after {
	margin-left: .4em;
}
.shadow {
	text-shadow: 1px 1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 1px 3px #ffffff, -1px -1px 3px #ffffff, -1px 1px 5px #ffffff, -1px -1px 6px #ffffff;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
	line-height: 2;
}
ol li {
	list-style:decimal;
}
li {
	margin-left: 5px;
}
li.label {
	margin-left: 1em;
	list-style-type: none;
}

dl{
	width:100%;
	line-height:1.8;
	overflow: hidden;
	_zoom: 1;
}

dt{
	margin-top:20px;
	padding: 0 20px 0 26px;
	font-weight: bold;

}


dd{
	max-width: 95%;
	margin: 20px 0 -1px 0;
	padding: 0 20px 15px 26px;
	border-bottom: 1px #000 dotted;
}

.lft {
	text-align: left;
}

.rht {
	text-align: right;
}

.cent{
	text-align: center;
}
.cl {
	text-align: center;
	line-height: 1.8em;
	letter-spacing: 0.8pt;
}
@media only screen and (max-width: 767px) {
.cl {
	text-align: left;}
}
.lc {
	margin: 0 auto 0 0;
}
@media only screen and (max-width: 767px) {
.lc {
	margin-right: auto;
	margin-left: auto;}
}
.rc {
	margin: 0 0 0 auto;
}
@media only screen and (max-width: 767px) {
.rc {
	margin-right: auto;
	margin-left: auto;}
}
.br::before {
	content: "\A";
	white-space: pre;
}
/* ===== // チェックマーク付きリスト ===== */

 .checkmark  li{
	position: relative;
	padding-left: 34px;
	padding-bottom: 16px;
	text-align: left;
	list-style:none !important;
	height: 2.5em;
	line-height: 1em;
}
 
  .checkmark li:before {
	content: "";
	position: absolute;
	top: -0.2em;
	left: 12px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 6px;
	height: 20px;
	border-right: 3px solid #ff0000;
	border-bottom: 3px solid #ff0000;
	z-index: 2;
}
 
 .checkmark  li:after {
	content: "";
	position: absolute;
	top: 0em;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #6c6c6c;
	border-radius: 2px;
}

.checkmark span {
background:linear-gradient(transparent 85%, #ffdde4 0%);
}

@media screen and (max-width:480px){
	.checkmark  li{ height: 3em; line-height: 1.15em; }
	.checkmark li:before { top: 0em; }
	.checkmark  li:after { top: 0em; }
}
/* ===== // チェックマーク付きリスト ===== */
/*================================================
 *  ヘッダー
 ================================================*/
header {
	padding:0px 10px;
}

.summary {
	position:absolute;
	top:-20px;
	right:10px;
	margin:0;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen and (min-width:768px) {
nav {
	background: -webkit-linear-gradient(top, #3e92ba 0%, #3e92ba 100%);
	background: linear-gradient(to bottom, #3e92ba 0%, #3e92ba 100%);
	/* border-bottom: 3px solid #2d1918; */
	box-shadow: 0 1px 3px #294594;
	z-index:3;
	}
nav ul {
	margin:0;
	padding:0;
	}
nav li {
	position:relative;
	width:17.575%;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	list-style:none;
	font-size: 100%;
	}
nav li:first-child {
	width:12%;
	}
nav li:before {
	content:"";
	margin-top:-10px;
	position:absolute;
	top:50%;
	left:0;
	width:1px;
	height:20px;
	background:#FFFFFF;
	}
nav li:last-child:after {
	content:"";
	margin-top:-10px;
	position:absolute;
	top:50%;
	right:0;
	width:1px;
	height:20px;
	background:#FFFFFF;
	}
nav li:hover:before,
nav li:hover + li:before, 
nav li:last-child:hover:after,
nav li li:before,
nav li li:after {
	display:none;
	}
nav li:last-child li {
	left:-50%;
	}
nav li a {
	display:block;
	padding:10px 0;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	}
nav li ul {
	display:block !important;
	position:absolute;
	top:100%;
	left:0;
	margin:0;
	padding:0;
	border-radius:0 0 3px 3px;
	z-index:3;
	}
nav li ul li {
	overflow:hidden;
	width:150%;
	height:0;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	-o-transition:.2s;
	-ms-transition:.2s;
	transition:.2s;
	}
nav li li:first-child {
	width:150%;
	}
nav li ul li a {
	padding:10px 15px;
	background:#7c0c0c;
	text-align:left;
	font-weight:normal;
	}
nav li:hover > a {
	background:#7c0c0c;
	color:#fff;
	}
nav li:hover > a:hover {
	background: -webkit-linear-gradient(top, #077FB7 0%, #055A82 100%);
	background: linear-gradient(to bottom, #077FB7 0%, #055A82 100%);
	}

.gnav {
	display:block !important;
	font-size: 14px;
	}

#spMenu {
	display:none;
	}

.showNav {
	background:#7c0c0c !important;
	}

.showSub {
	overflow:visible;
	min-height:42px;
	border-bottom:2px solid #8c0e0e;
	}
.showSub:last-child {
		border-bottom:0;
	}
.showSub:last-child a {
	border-radius:0 0 3px 3px;
	}
.fixed {
		position:fixed;
		top:0;
		left:0;
	}
}

/*================================================
 *  テキストカラー（マーカー）
 ================================================*/
 .bl {
 	font-weight: bold;
	 } 

 .org {
 	color: #cc9933;
	 }

 .red {
 	color: #ff0000;
	 } 
 
 .pink {
 	color: #EA7E90;
	 } 

 .blue {
 	color: #67B4FC;
	 } 

 .dblue {
 	color: #003399;
	 } 

 .brn {
 	color: #6d4c33;
	 } 
 
 .hwt {
 	color: #ffffff;
	 	} 
 
 .egreen {
 	color: #6dbfc0;
	 } 

 .green {
 	color: #599A37;
	 } 
 .marker-yelo {
	background: linear-gradient(transparent 50%, #ffff7f 0%);
}
 .marker-pink {
	background: linear-gradient(transparent 50%, #FDCCD6 0%);
	}
 .marker-blue {
	background: linear-gradient(transparent 50%, #B1E4FB 0%);
	}
 .marker-hwt {
	background: #FCFCFC;
	color:#333;
	}
/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	font-size:14px;
	margin:0;
	padding:0;
	list-style:none;
}


.submenu li a:before {
	content:"\0025a0";
	color:#000;
}

 
.submenu li a {
	display:block;
	padding:10px 2px;
	color:#333;
	/*border-bottom:1px dotted #ddd;*/
	text-decoration:none;
}
.submenu li a:hover {
	background:#eee;
}


/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
}

.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background:#3e92ba;
}
/*
.footmenu ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
	padding:0;
}
.footmenu li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 15px;
	font-size:12px;
	text-align:center;
}
*/
.footmenu a {
	color:#fff;
	text-decoration:none;
}
.footmenu a:hover {
	color:#fff;
	text-decoration:underline;
}

.copyright {
	clear:both;
	padding:20px 0;
	font-size:11px;
	text-align:center;
	color:#fff;
	background:#3e92ba;
}
/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:7px;
	right:10px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background: #2e2e2e;
}
.totop img:hover { 
	background: #A5A5A5;
}
/* =======================================
	#Page_top
======================================= */

#Page_top {
	line-height: 1;
	width: 100%;
}

#Page_top a {
	background: #625352;
	display: block;
	padding: 22px 0;
}

#Page_top a:hover {
	background: #726564;
}

#Page_top img {
	text-align: center;
	display: block;
	margin: 0 auto;
}

/*================================================
 *  カラム
 ================================================*/
 /*----------------------------------------------------
  2カラム
----------------------------------------------------*/
.col_two_one {
	overflow:hidden;
}
.col_two_one ul {
	overflow:hidden;
	margin:0 -2% -2% 0;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 1.8% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one li img {
	 /*width:100%;*/
	 /*margin-bottom:0.5%;*/
}
 /*----------------------------------------------------
  3カラム
----------------------------------------------------*/
.col_three_one {
	overflow:hidden;
}
.col_three_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_three_one li {
	list-style:none;
	float:left;
	width:31%;
	margin:0 2% 2% 0;
}
.col_three_one li:nth-child(3n+1) {
	clear:both;
}
.col_three_one li img {
	/* width:100%; */
	margin-bottom:0.3em;
}

@media screen and (max-width:767px) {
.col_two_one ul {
	/* margin-right:16px; */
}
.col_two_one li {
	width:98%;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}

.col_three_one ul {
	margin-right:0;
}
.col_three_one li {
	width:98%;
}
.col_three_one li:nth-child(3n+1) {
	clear:both;
}
.col_three_one_hed ul {
	margin: 0 2%;	
}
}

/*================================================
 *  ラベル
 ================================================*/
/*ーーーーーヘッダーーーーー*/
.label-hed {
	display: inline;
	padding: 4px 6px 5px;
	line-height: 3;
	letter-spacing: 2px;
	color: #fff;
	background-color: #f5a92a;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 4px;
}
.label-hed-sp {
	display: inline;
	padding: 3px 6px 4px;
	line-height: 2;
	/* letter-spacing: 2px; */
	color: #fff;
	background-color: #f5a92a;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 2px;
}
/*ーーーーーーーーーーーーーーー*/

.label-brn-fill {
	display: inline;
	padding: 5px 7px 6px;
	color: #fff;
	background-color: #a79270;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 4px;
	line-height: 3;
}
@media only screen and (max-width: 823px) { /*-- Pixel 2 XL Criteria --*/
.label-brn-fill {
	font-size: 70% !important;}
}

.label-brn-01 {
	display: inline;
	padding: 3px 6px 5px;
	color: #95691b;
	background-color: #F2F0EC;
	border: 1px solid #95691b;
	border-radius: 4px;
	line-height: 3;
	font-size: 12px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	white-space: nowrap;
	vertical-align: baseline;
	margin-right: 2px;
}
@media only screen and (max-width: 823px) { /*-- Pixel 2 XL Criteria --*/
.label-brn-01 {
	font-size: 70% !important;}
}

.label-hwt-01 {
    display: inline;
    padding: 3px 6px 5px;
    color: #95691b;
    background-color: #fcfcfc;
    border: 1px solid #95691b;
    border-radius: 4px;
    line-height: 3;
    font-size: 12px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    white-space: nowrap;
    vertical-align: baseline;
    margin-right: 2px;
}
@media only screen and (max-width: 823px) { /*-- Pixel 2 XL Criteria --*/
    .label-hwt-01 {
    font-size: 70% !important;}
}

/*ーーーーー料金ページーーーーー*/
.label-Price1 {
    display: inline;
    padding: 3px 6px 5px;
    color: #95691b;
    background-color: #F2F0EC;
    border: 2px solid #95691b;
    border-radius: 4px;
    line-height: 3;
    font-size: 30px;
    white-space: nowrap;
    vertical-align: baseline;
    margin-right: 2px;
}
@media only screen and (max-width: 420px) { /*-- Pixel 2 XL Criteria --*/
    .label-Price1 {
    border: 1px solid #95691b;
    line-height: 2;}
}

.label-Price2 {
    display: inline;
    padding: 3px 6px 5px;
    color: #fcfcfc;
    background-color: #ed8297;
    border: 2px solid #ed8297;
    border-radius: 4px;
    line-height: 3;
    font-size: 30px;
    white-space: nowrap;
    vertical-align: baseline;
    margin-right: 2px;
}
@media only screen and (max-width: 420px) { /*-- Pixel 2 XL Criteria --*/
    .label-Price2 {
    border: 1px solid #ed8297;
    line-height: 2;}
}

/*ーオススメー*/
.label-pink-p {
    display: inline;
    padding: 1px 6px 2px;
    color: #fff;
    background-color: #ED8297;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}
.label-red-p {
    display: inline;
    padding: 1px 6px 2px;
    color: #fff;
    background-color: #f74444;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}
/*ーNEW ⭐︎ー*/
.label-org-p {
    display: inline;
    padding: 1px 6px 2px;
    color: #fff;
    background-color: #f5a92a;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

/*ー認定医　その他︎ー*/
.label-hwt-p {
    display: inline;
    padding: 1px 6px 2px;
    background-color: #fcfcfc;
    white-space: nowrap;
    vertical-align: baseline;
    margin-left: 5px;
}
/*ーーーーーーーーーーーーーーー*/
/*ーーーーーABチャートーーーーー*/
.label-pink {
    display: inline;
    padding: 1px 8px 2px;
    color: #fff;
    background-color: #ED8297;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}
.label-blue {
    display: inline;
    padding: 1px 8px 2px;
    color: #fff;
    background-color: #67B4FC;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}
/*ーーーーーーーーーーーーーーー*/
/*ーーーーー施術ランキングーーーーー*/
.label-rank1 {
    display: inline;
    padding: 2px 8px 4px;
    color: #fff;
    background-color: #ED8297;
    text-align: center;
    border-radius: 4px;
    font-size: 90%;
}
.label-rank2 {
    display: inline;
    padding: 2px 8px 4px;
    color: #fff;
    background-color: #9bc7db;
    text-align: center;
    border-radius: 4px;
    font-size: 90%;
}
.label-rank3 {
    display: inline;
    padding: 2px 8px 4px;
    color: #fff;
    background-color: #b2b2b2;
    text-align: center;
    border-radius: 4px;
    font-size: 90%;
}
/*ーーーーーーーーーーーーーーー*/
/*================================================
 *  ボックス
 ================================================*/
.ct-box-bk {
    border: 2px solid #ccc;
    /* padding: 0.8em; */
}

.ct-box-hwt {
    /* height: 320px; */
    padding: 10px;
    /* display: block; */
    background: #FCFCFC;
    /* text-align: center; */
    position: relative;
    border: 1px solid #eee;
}
.ct-box-gry {
    /* height: 320px; */
    padding: 10px;
    /* display: block; */
    background: #F2F0EC;
    /* text-align: center; */
    position: relative;
    border: 1px solid #eee;
}
.ct-box-pinkfill {
    /* height: 320px; */
    padding: 10px;
    /* display: block; */
    background: #ff97a8;
    /* text-align: center; */
    position: relative;
    border: 1px solid #ffdde4;
}
.ct-box-bluefill {
    /* height: 320px; */
    padding: 10px;
    /* display: block; */
    background: #3ebab4;
    /* text-align: center; */
    position: relative;
    border: 1px solid #3ebab4;
}
.ct-box-pinkline {
    /* height: 320px; */
    padding: 10px;
    /* display: block; */
    /* text-align: center; */
    position: relative;
    border: 2px solid #ff97a8;
    background: #FCFCFC;
}
.ct-box-pink-sideline {
    border-left: 10px solid #ff97a8;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
    padding: 1px 8px;
    margin-bottom: 5px;
}
.ct-box-blueline {
    /* height: 320px; */
    padding: 10px;
    /* display: block; */
    /* text-align: center; */
    position: relative;
    border: 2px solid #317291;
    background: #e8f2f7;
}
.ct-box-orgline {
    /* height: 320px; */
    padding: 10px;
    /* display: block; */
    /* text-align: center; */
    position: relative;
    border: 2px solid #f5a92a;
    background: #f7daa9;
}
/*=========デザイン=========*/
.d-box-01 {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 2px #317291;
    border-radius: 8px;
}
.d-box-01 .box-title {
    position: absolute;
    display: inline-block;
    top: -8px;
    left: 10px;
    padding: 0 6px;
    line-height: 1;
    background: #FFF;
    color: #317291;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
}
.d-box-01 p {
    margin: 0; 
    padding: 5px 0px;
}

.d-box-02 {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 2px #317291;
    border-radius: 8px;
}
.d-box-02 .box-title {
    position: absolute;
    display: inline-block;
    top: -14px;
    left: 10px;
    padding: 0 6px;
    line-height: 1;
    background: #F2F0EC;
    color: #317291;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
}
.d-box-02 p {
    margin: 0; 
    padding: 5px 0px;
}


/*=========可変=========*/
.ct-box-w55 {
    background-color: none;
    margin:  0 auto;  
    padding: 0.8em;
    width:55%;
}
@media only screen and (max-width: 767px) {
	.ct-box-w55 {
	background-color: none;
	padding: 0.8em;
	width:100%;
	margin-left: -0.7em;}
}

.ct-box-w65 {
    background-color: none;
    margin:  0 auto;  
    padding: 0.8em;
    width:65%;
}
@media only screen and (max-width: 767px) {
	.ct-box-w65 {
	background-color: none;
	padding: 0.8em;
	width:98%;
	margin-left: -0.7em;}
}
.ct-box-w75 {
    background-color: none;
    margin:  0 auto;  
    padding: 0.8em;
    width:75%;
}
@media only screen and (max-width: 767px) {
	.ct-box-w75 {
	background-color: none;
	padding: 0.8em;
	width:98%;
	margin-left: -0.7em;}
}
.ct-box-w85 {
    background-color: none;
    margin:  0 auto;  
    padding: 0.8em;
    width:85%;
}
@media only screen and (max-width: 767px) {
	.ct-box-w85 {
	background-color: none;
	padding: 0.8em;
	width:98%;
	margin-left: -0.7em;}
}
/*================================================
 *  ラベル用
================================================*/

.label-treatment {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding: 0;
    text-align: center;
    /* justify-content: center; */
    /* flex-wrap: wrap; */
    /* position: relative; */
    /* left: 30px; */
    /* bottom: 0; */
    /* width: 320px; */
}



.label-trouble {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding: 0;
    /* justify-content: center;*/
    /* flex-wrap: wrap; */
    /*position: relative;*/
    /* left: 30px; */
    /* bottom: 0; */
    /* width: 320px; */
    /* text-align: center; */
}



/*================================================
 *  ボーダー（囲み）
 ================================================*/
.border-brn{
    border: 1px solid  #6d4c33;
}
.border-gry{
    border: 1px solid  #ccc;
}


/* =======================================
SNSエリア
======================================= */
.sns_btn_area {
	height:80px;
	font-family: 'Noto Sans JP', sans-serif;
}

.sns_btn_area li {
	height:60px;
	/* width: 246px; */
	width: 245px;
	border-right:solid 1px #e5e5e5;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	line-height:1;
}

.sns_btn_area li:nth-child(4n) {
	border-right: none;
}

.sns_btn_area li figure {
	margin: 0 0 10px 0;
}

.sns_btn_area li a {
	display: inline-block;
}

.title_sns_01 {
	margin: 0 0 45px;
	text-align: center;
	font-size:24px;
	color: #323232;
}
/* =======================================
SERVICE FLOW(施術までの流れページ)
======================================= */

.flow_link_area {
	border: solid 1px #563b39;
}

.flow_link_area ul {
	width: 100%;
	height: 39px;
}

.flow_link_area li {
	float: left;
	font-size:13px;
	width: 25%;
	text-align: center;
	border-right: solid 1px #563b39;
	margin-left: 0px;
	list-style: none;
	box-sizing:border-box;
}

.flow_link_area li a {
	background: #ffffff;
	display:block;
	padding: 20px 0;
	line-height: 1;
	color: #563b39;
}

.flow_link_area li:nth-child(4) {
	border-right: none;
}

.flow_current a {
	background: #563b39!important;
	color: #ffffff!important;
}

.flow_area {
	margin: 0 0 0 0;
}

.flow_area:last-child {
	margin: 0;
}

.flow_title {
	font-size: 18px;
	color: #563b39;
	line-height: 1;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: #563b39;
	border-bottom: solid 1px #cccccc;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {
.flow_link_area {
	border: solid 1px #563b39;
}

.flow_link_area ul {
	width: 100%;
	height: 36px;
}

.flow_link_area li {
	float: left;
	font-size:10px;
	width: 25%;
	text-align: center;
	border-right: solid 1px #563b39;
	margin-left: 0px;
	list-style: none;
	box-sizing:border-box;
}

.flow_link_area li a {
	background: #ffffff;
	display:block;
	padding: 20px 0;
	line-height: 1;
	color: #563b39;
}

.flow_link_area li:nth-child(4) {
	border-right: none;
}

.flow_current a {
	background: #563b39!important;
	color: #ffffff!important;
}

.flow_area {
	margin: 0 0 0 0;
}

.flow_area:last-child {
	margin: 0;
}

.flow_title {
	font-size: 18px;
	color: #563b39;
	line-height: 1;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: #563b39;
	border-bottom: solid 1px #cccccc;
	font-weight: bold;
}
}

/* =======================================
Q & A(よくある質問ページ)
======================================= */

.qa_area li {
	list-style: none;
	cursor: pointer;
}

.qa_area ul.acordion {
	margin: 0;
	padding: 0;
	margin: 0 0 0 0;
}

.qa_area ul.acordion li {
	background: #6d4c33;
}

.qa_area ul.acordion li ul {
	margin: 0;
	padding: 0;
}

.qa_area ul.acordion li ul li {
	background: #fff;
}

.qa_area ul.acordion li .none-submenu {
	background: url(../images/arrow_02.png) no-repeat 98% 50%;
	display: block;
	padding: 15px 20px;
}

.qa_area ul.acordion li .active-submenu {
	background: url(../images/arrow_01.png) no-repeat 98% 50%;
	display: block;
	padding: 15px 20px;
}

.trigger {
	font-size:16px;
	color: #ffffff;
	border-bottom: solid 0;
	font-weight: bold;
}

.qa_box {
	margin: 0;
}

.qa_box li:nth-child(1) {
	background: url(../images/icon_q.png) no-repeat 20px 15px #f4f3f0!important;
	padding: 15px 20px 15px 60px;
	color: #cc9933;
}

.qa_box li:nth-child(2) {
	background: url(../images/icon_a.png) no-repeat 20px 15px #ffffff!important;
	padding: 15px 20px 15px 60px;
}
	
/*================================================
 *  ボタン(01)
 ================================================*/
.btn_more {
	text-align: center;
	line-height:0;
	margin: 10px 0 0 0;
	display: block;
}
.contact_btn_area {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	background:#F2F0EC;
	width: 98%;
	color: #563b39;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.contact_btn_area a {
	display: block;
	color:#563b39;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	text-decoration:none;
	line-height:1;
	padding:18px 0;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	border: solid 1px #563b39;
	transition: 0.2s;
}
.contact_btn_area a:hover {
	background: #ffc15d;
	border: solid 1.25px #f5a92a;
	color:#ffffff;
}

.contact_btn_rank {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	background:#f2f0ec80;
	width: 98%;
	color: #563b39;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.contact_btn_rank a {
	display: block;
	color:#563b39;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	text-decoration:none;
	line-height:1;
	padding:14px 0;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	border: solid 1px #563b39;
	transition: 0.2s;
}
.contact_btn_rank a:hover {
	background: #ffc15d;
	border: solid 1px #f5a92a;
	color:#ffffff;
}

.more_btn_area {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	background:#ffffff;
	width: 99%;
	color: #563b39;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.more_btn_area a {
	display: block;
	color:#563b39;
	font-size: 16px;
	font-weight: bold;
	width: 97%;
	text-decoration:none;
	line-height:1;
	padding:12px 4px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	border: solid 1.25px #563b39;
}
.more_btn_area a:hover {
	background: #ffc15d;
	border: solid 1.25px #f5a92a;
	color:#ffffff;
}
/*================================================
 *  ボタン(02)
 ================================================*/
.btn_more02 {
	text-align: center;
	line-height:0;
	margin: 10px 0 0 0;
	display: block;
}
.contact_btn_area02 {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	background:#FCFCFC;
	width: 98%;
	color: #563b39;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.contact_btn_area02 a {
	display: block;
	color:#563b39;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	text-decoration:none;
	line-height:1;
	padding:18px 0;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	border: solid 1px #563b39;
	transition: 0.2s;
}
.contact_btn_area02 a:hover {
	background: #ffc15d;
	border: solid 1.25px #f5a92a;
	color:#ffffff;
}

.more_btn_area02 {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	background:#ffffff;
	width: 99%;
	color: #563b39;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.more_btn_area02 a {
	display: block;
	color:#563b39;
	font-size: 16px;
	font-weight: bold;
	width: 97%;
	text-decoration:none;
	line-height:1;
	padding:12px 4px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	border: solid 1.25px #563b39;
}
.more_btn_area02 a:hover {
	background: #cc9933;
	border: solid 1.25px #cc9933;
	color:#ffffff;
}

/*ーーーーーー矢印付きボタンーーーーーー*/
.btn-brn{
    /* bottom: -16px; */
}
.btn-brn a{
	padding: 17px 0px;
	/* width: 100%; */
	/*height: 50px;-*/
	line-height: 1.2em;
	vertical-align: middle;
	color: #317291;
	background: #e8f2f7;
	border: 1px solid #317291;
	display: block;
	position: relative;
	/* margin: 6px; */
	text-align: center;
}
.btn-brn a:after{
	content: ">";
	padding: 16px 0px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 6%;
	bottom: 0;
}
.btn-brn a:hover{
	background-color: #f5ebd2;
}
@media only screen and (max-width: 823px) { /*-- Pixel 2 XL Criteria --*/
    /*.btn-brn {
    font-size: 80% !important;} */
}

.btn-hwt{
    /* bottom: -16px; */
}
.btn-hwt a{
	padding: 17px 0px;
	/* width: 100%; */
	/*height: 50px;-*/
	line-height: 1.2em;
	vertical-align: middle;
	color: #95691b;
	background: #FCFCFC;
	border: 1px solid #95691b;
	display: block;
	position: relative;
	/* margin: 6px; */
	text-align: center;
}
.btn-hwt a:after{
	content: ">";
	padding: 16px 0px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 6%;
	bottom: 0;
}
.btn-hwt a:hover{
	background-color: #f5ebd2;
}
@media only screen and (max-width: 823px) { /*-- Pixel 2 XL Criteria --*/
    /*.btn-hwt {
    font-size: 80% !important;} */
}
/*ーーーーーー＞矢印付きボタン2(狭い)ーーーーーー*/
.btn-brn2 a{
	padding: 10px 0px;
	/* width: 100%; */
	/*height: 50px;-*/
	line-height: 1.2em;
	vertical-align: middle;
	color: #95691b;
	background: #F2F0EC;
	border: 1px solid #95691b;
	display: block;
	position: relative;
	/*margin: 6px;*/
	text-align: center;
}
.btn-brn2 a:after{
	content: ">";
	padding: 16px 0px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 6%;
	bottom: 0;
}
.btn-brn2 a:hover{
	background-color: #f5ebd2;
}
@media only screen and (max-width: 823px) { /*-- Pixel 2 XL Criteria --*/
    .btn-brn2 {
    font-size: 80% !important;}
}
/*ーーーーーー▼ボタンーーーーーー*/
.btn-down{
    /* bottom: -16px; */
}
.btn-down a{
	padding: 17px 0px;
	/* width: 100%; */
	/*height: 50px;-*/
	line-height: 1.2em;
	vertical-align: middle;
	color: #95691b;
	background: #F2F0EC;
	border: 1px solid #95691b;
	display: block;
	position: relative;
	/* margin: 6px; */
	text-align: center;
}

.btn-down a:after{
	content: "▼";
	padding: 16px 0px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 6%;
	bottom: 0;
}

.btn-down a:hover{
	background-color: #f5ebd2;
}

@media only screen and (max-width: 823px) { /*-- Pixel 2 XL Criteria --*/
    .btn-down {
    font-size: 80% !important;}
}

.btn-down-hwt {
    /* bottom: -16px; */
}
.btn-down-hwt a{
	padding: 17px 0px;
	/* width: 100%; */
	/*height: 50px;-*/
	line-height: 1.2em;
	vertical-align: middle;
	color: #95691b;
	background: #FCFCFC;
	border: 1px solid #95691b;
	display: block;
	position: relative;
	/* margin: 6px; */
	text-align: center;
}

.btn-down-hwt a:after{
	content: "▼";
	padding: 16px 0px;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 6%;
	bottom: 0;
}

.btn-down-hwt a:hover{
	background-color: #f5ebd2;
}

@media only screen and (max-width: 823px) { /*-- Pixel 2 XL Criteria --*/
    .btn-down-hwt {
    font-size: 80% !important;}
}
/*----------------------------------------
lo_nav_fixed_area （施術サイド固定ボタン）
----------------------------------------*/
@media screen and (min-width: 927px) {
.side_nav_fixed_area{
	position: fixed;
	bottom:120px;
	right: 0;
	width: 45px;
	z-index: 100;
	background: transparent;
	/* border-bottom: 2px solid #fcfcfc; */
	/* border-left: 2px solid #fcfcfc; */
	/* border-top: 2px solid #fcfcfc; */
	/* border-radius: 8px 0 0 8px; */
}
.side_nav_fixed_area .btn{
	/* font-size: 1.2rem; */
	/* line-height: 1.2; */
	/* border-top: 1px solid #fcfcfc; */
	/* box-sizing: border-box; */
	/* margin: 0; */
	/* background-color: transparent; */
}
.side_nav_fixed_area .btn a{
	/* border:none; */
	/* background: none; */
}
.side_nav_fixed_area .btn:first-of-type{
	border-top: none;
}
.side_nav_fixed_area .btn a::after {
	/* left: 10px; */
	/* font-size: 3.1rem; */
}
.side_nav_fixed{
	display: block !important;
}

.btn a,
.btn input[type="submit"]{
	position: relative;
	display: block;
	padding: 2px 10px 2px 0;
	text-align: left;
	z-index: 2;
	line-height: 1.4;
	font-size: 14px;
	color: #fcfcfc;
	font-weight: bold;
}

.btn_bottom a::after{
	transform: translateY(-50%) rotate(135deg);

}
.btn a::after{
	/* position: absolute; */
	/* content: ""; */
	border-top: 2px solid #fcfcfc;
	border-right: 2px solid #fcfcfc;
	width: 6px;
	height: 6px;
	top:44%;
	-webkit-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
}
/*----------------------------------------
lo_nav_fixed_area （施術サイド固定ボタン）
----------------------------------------*/
/*================================================
 *  グーグルマップ
 ================================================*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*================================================
 *  youtube
 ================================================*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
/*================================================
 *  タブレット向けコンテンツ（Gmenu w1100の都合上）
 ================================================*/
@media screen and (max-width:767px) {
	
#contents-hed {
	box-sizing:border-box;
	width:100%;
	padding:0;
	margin: 0;
}
#contents {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
.contents-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
/*================================================*/
#contents-f1 { box-sizing:border-box; width:100%; padding:0 10px;
}
.contents-f1-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
#contents-g1 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-f2 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-g2 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-f3 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-g3 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-f4 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-g4 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-f5 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-g5 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-f6 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-g6 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-f7 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-g7 { box-sizing:border-box; width:100%; padding:0 10px; }

#contents-b1 { box-sizing:border-box; width:100%; padding:0 10px; }

/*================================================*/
#contents4 {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	background: url(../images/bg_concept_sp.png) no-repeat center top;
}
.contents {
	box-sizing:border-box;
	width:100%;
	padding:0 1.5em;
	margin: 0;
}
.contents-b1 {
	box-sizing:border-box;
	width:100%;
	padding:1.5em;
	margin: 0;
}
.contents4-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	margin: 0;
}
#contents-info {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	background: #fcfcfc;
}
.contents-info-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
#contents-greeting {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	background: url(../images/bg_concept_sp.png) no-repeat center top;
	background-color: #F2F0EC;
}
.contents-greeting-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	margin: 0;
}
#contents-popular {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
.contents-popular-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
#contents-trouble {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
.contents-trouble-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
#contents-concept {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	background: url(../images/clinic/1concept-sp.png) no-repeat center top;
}
.contents-concept-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	margin: 0;
}
#contents -rank {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
.contents-rank {
	box-sizing:border-box;
	width:100%;
	padding: 0 10px;
	background: url(../images/bg_rank.png) no-repeat center center;
}
.bg-performance {
	box-sizing:border-box;
	width:100%;
	padding: 0 10px;
	background: none;
}
#contents-3button {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
.contents-3button-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
#contents-other {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
.contents-other-ct {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
#contents-f {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
	
footer {
	width:100%;
}
}

/*================================================
 *  タブレット向けデザイン（Gmenu w1100の都合上）
 ================================================*/
@media screen and (max-width:767px) {
	.lock {
		overflow:hidden;
	}

	header {
		z-index:2;
		box-sizing:border-box;
		position:relative;
		top:0;
		left:0;
		width:100%;
		padding: 2% 2% 0 0;
		text-align: center;
		background: #F2F0EC;
	}
	.inner {
		width:100%;
		font-size: 12px;
	}

	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}

	#main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
	}

	nav {
		background:#710000;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner > ul {
		z-index:3;
		overflow:auto;
		position:fixed;
		top:53px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #FFF;
		background:#FFF;
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background: #3e92ba;
	}
	nav li a:hover {
		color:#fff;
		background:#f5a92a;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#f1f1f1;
	}
	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#6D4C33;
	}
	.subnav a:hover:after {
	  background:#710000;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	.gnav {
		display:none;
	}
	#spMenu {
		display:block;
		z-index:2;
		position:fixed;
		top:10px;
		right:10px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:45px;
		height:40px;
		border-radius:5%;
		background:#3e92ba;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#f1f1f1;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#f1f1f1;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

}

@media screen and (min-width:767px){
	.footer_area{
		display: none;
}	
}
/*================================================
 *  タブレット・スマホ向けデザイン（display: none）
 ================================================*/
@media print, screen and (min-width:768px) {
	.sp{display: none;}
}
@media screen and (max-width:767px) {
	.pc {display:none;}
}
@media screen and (max-width:1024px){
	.tab{display: none;}	
}

/*--------- ct02  test---------*/
@media screen and (max-width:420px){
h2.ct01 {
	font-size: 18px;
	position: relative;
	display: block;
	margin-top: 1.5em;
	color: #317291;
	font-weight: 600;
	text-align: center;
}
h2.ct01:before {
	content: '';
	position: absolute;
	bottom: -8px;
	display: block;
	width: 60px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #317291;
}
	h2.ct02{
	font-size: 16px;
	font-weight: 400;
	text-align:center;
	color: #754617;
	border: solid 2px #754617;
	padding: 0.25em;
	border-radius: 0.25em;
}
	h2.ct02 span {
	/* display: inline-block; */
	padding: 0 0.25em; 
	position: relative;
}
	h2.ct02 span:before,
	h2.ct02 span:after {
	border-top: none;
	/* color: #6d4c33; */
	/* content: ""; */
	/* position: absolute; */
	/* top: 45%; */
	/* width: 99em; */
}
}
/*--------- ct02  test---------*/
/*--------- ct03  test---------*/
@media screen and (max-width:420px){
h3.ct01 {
	color: #6d4c33;
	font-size: 18px;
	display: flex;
	align-items: center;
	margin: 2em 0;
}
h3.ct01:before, h3.ct01:after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background: #6d4c33;
	display: block;
}
h3.ct01:before {
	margin-right: .4em;
}
h3.ct01:after {
	margin-left: .4em;
}
}
/*--------- ct03  test---------*/
/*================================================
 *  カラム　3clols　4cols
 ================================================*/

#item-list {
  /*background:#ccc;
  padding:20px 10px 0 10px;*/
  margin-bottom:-10px;
}

#item-list ul{
  /*margin-left:-10px;*/
  overflow:hidden;
  background-color:transparent;
}

#item-list ul li {
  float:left;
  list-style-type:none;
  text-align:center;
  margin-bottom:10px;
  margin-left: 5px;
}

/*#item-list.cols-3 ul li {
  float:left;
  list-style-type:none;
  text-align:center;
  padding-left:8px;
  margin-bottom:10px;
  margin-left: 4px;
}*/

#item-list.cols-4 ul li {
  float:left;
  list-style-type:none;
  text-align:center;
  padding-left:8px;
  margin-bottom:10px;
  margin-left: 5px;
}


ul.cols-1 li.ct {
  padding-left:8px;
  width: 31%;
  }
ul.cols-2 li.ct {
  padding-left:5px;
  width: 48.5%;
  }
ul.cols-3 li.ct {
  padding-left:5px;
  width: 31.5%;
  }
ul.cols-4 li.ct {
  padding-left:8px;
  width: 23%;
  }
ul.cols-5 li.ct {
  padding-left:8px;
  width: 18%;
  }
ul.cols-6 li.ct {
  padding-left:8px;
  width: 16.66666%;
  }
ul.cols-7 li.ct {
  padding-left:8px;
  width: 14.28571%;
  }
ul.cols-8 li.ct {
  padding-left:8px;
  width: 12.5%;
  }

@media only screen and (min-width:421px) and (max-width: 767px) {
  ul.cols-6 li.ct,ul.cols-7 li.ct,ul.cols-8 li.ct{
	  width: 33%;/*４列以上は３列に*/
  }
  ul.cols-5 li.ct{
	  width:45%;/*5列は2列に*/
  }
  ul.cols-4 li.ct{
	  width:45%;/*4列は2列に*/
  }
  ul.cols-3 li.ct{
	  width:31%;/*3列は3列に*/
  }
  ul.cols-2 li.ct{
	  width:48%;/*2列は2列に*/
  }
}

@media only screen and (max-width:420px) {
  ul.cols-6 li.ct,ul.cols-7 li.ct,ul.cols-8 li.ct{
	  width: 33%;/*４列以上は３列に*/
  }
  ul.cols-5 li.ct{
	  width:45%;/*5列は2列に*/
  }
  ul.cols-4 li.ct{
	  width:45%;/*4列は2列に*/
  }
  ul.cols-3 li.ct{
	  width: 48%;/*3列は2列に*/
	  padding-left: 0px;
  }
  ul.cols-2 li.ct{
	  width: 48%;/*2列は2列に*/
	  padding-left: 0px;
  }
}
/*================================================
 *  フッターPC用フローティング　メニュー
 ================================================*/

.footer_fix {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 90%;
	z-index:110;
	background: rgb(187 170 153 / 65%);
	border: #bbaa99 solid 1px;
	padding: 10px;
	margin: 7px 20px;
}
/*================================================
 *  フッターフロートメニュー
 ================================================*/

/*スマホ～767pxの幅サイズまで*/
@media screen and (max-width:767px){
.footer_area {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
	background-color: #fcfcfc;
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 80%;
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 60px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 85%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn_pink {
    background-color: #eb6ea5;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 25%;
    margin: 0px 5px;
    padding: 5px 0;
    font-size: 15px;
    font-weight: normal;
    color: #FFFFFF !important;
}
.inquiry_btn_blue {
    background-color: #25bcef;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 30%;
    margin: 0px 5px;
    padding: 5px 0;
    font-size: 15px;
    font-weight: normal;
    color: #FFFFFF !important;
}
.inquiry_btn_green {
    background-color: #22ac39;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 28%;
    margin: 0px 5px;
    padding: 5px 0;
    font-size: 15px;
    font-weight: normal;
    color: #FFFFFF !important;
}

.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}

.fimg {
	margin: -0.5em 0 0.8em 0;
	vertical-align: bottom;
	max-width: 100%;
    	height: auto;
}
}

#onayami-bg01 {
background: url(../images/onayami/sample/sam-bihadatop.png) no-repeat top center;
background-size: 100% auto;
margin-bottom: 10px;}

/*================================================
 *  装飾サークル（ピンク）
 ================================================*/

.parent {
   width: 100%;
   display: flex;
   margin-top: 10px;
   /* align-items: center; */
   justify-content: center;
}

.circle01 {
   width: 4.5em;
   height: 4.5em;
   border-radius: 50%;
   background-color: #f5a7b6;
   font-family: 'Noto Sans JP', sans-serif;
   font-size: 16px;
   color:#fff;
   display:flex;
   justify-content:center; /*横中央*/
   align-items:center; /*縦中央*/
   text-align:center; /*行揃えを中央*/
   padding: 5px;
   margin: 2px;
   line-height: 1.1em;
}
.circle02 {
   width: 4.35em;
    height: 4.35em;
    border-radius: 50%;
   background: rgba(255, 255, 255, 0.8);
   font-family: 'Noto Sans JP', sans-serif;
   align-items:center; /*縦中央*/
   text-align:center; /*行揃えを中央*/
   padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
   margin: 2px;
    position: relative;
    border: #ddd solid 8px;
   box-sizing: border-box;
}
.circle02:before {
    content: "";
    width: 8px;
    height: 52px;
    position: absolute;
    background: #ddd;
    transform: rotate(-45deg);
}
.circle02  span{
   display: block;
    font-size: 11px;
    line-height: 1.1em;
    text-align: center;
    color: #555;
    white-space: nowrap;
   z-index: 10;
}

/*================================================
 *  フローチャート
 ================================================*/
ul.flow_list{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.flow_list li{
    border: 1px solid #a3a3a3;
    background-color: #FCFCFC;
    /* border-radius: 4px; */
    margin-bottom: 50px;
    padding: 4px 10px;
    position: relative;
    list-style: none;

}
ul.flow_list p{
        line-height: 1.3;

}
ul.flow_list li::after{
    bottom: -55px;
    color:#7586bb;
    content: "▼";
    font-size: 50px !important;
    left: 47%;
    position: absolute;
    transform: scale(1.5, 0.75);
}
ul.flow_list li.last::after{/*最後の▼を外す*/
    content: "";
}
ul.flow_list li h4{
    color: #7586bb;
    font-size: 16px;
	font-family: 'Noto Serif JP', serif;
}
ul.flow_list li h4::first-letter{/*1文字めを大きく*/
    font-family: garamond,times;
    font-size: 2rem;
    font-style: italic;
    color: #7586bb;
    letter-spacing: 0.15em;
    top: 2px;
}

@media only screen and (max-width:420px) {
ul.flow_list li::after{
    bottom: -73px;
    color:#7586bb;
    content: "▼";
    font-size: 50px !important;
    left: 41%;
    position: absolute;
    transform: scale(1.5, 0.75);
}
}
/*================================================
 *  ヘッドバナー
 ================================================*/

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}
