/*====================================================================

/* トリートメント

/*==================================================================== */



/*---------- TREATMENT MENU ----------*/

/* 共通 */
#tretment-menu-title {
	display: block;
	width: 860px;
	height: auto;
	border-top: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	position: relative;
	margin: 0 auto 3rem auto ;
}
#tretment-menu-title h2 {
	text-indent: -9999px;
}
#tretment-menu-title .inner {
	width: 500px;
	height: 100px;
	margin: auto;
	padding: 1rem 0 3rem 0 ;
}
#tretment-menu-title .menu-icon-l {
	width: 100px;
	float: left;
}
#tretment-menu-title  dl {
	float: left;
	width: 400px;
	height: 100px;
	margin: 0;
	padding: 0;
	color: #B89E40;
	text-align: center;
}
#tretment-menu-title dl dt {
	height: 40px;
	line-height: 40px;
}
#tretment-menu-title dt.menu-title-s {
	height: 40px;
	line-height: 50px;
	font-size: 1em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #B89E40;
	text-align: center;
}
#tretment-menu-title dd.menu-title-l {
	height: 60px;
	line-height: 40px;
	font-size: 2.5em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #B89E40;
	text-indent: 0px;
	text-align: center;
}




/*------------ skin menu -------------*/

#skin-menu section {
	margin: 0 auto 100px auto;
}
#skin-menu h2.box-name {
	width: 760px;
	height: 50px;
	font-family: 'Noto Serif JP', serif;
	font-size: 22px;
	line-height: 50px;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #C9C5BB;
	text-align: center;
}
#skin-menu .menu-box {
	width: 760px;
	height: auto;
	text-align: center;
	margin: 0 auto ;
	position: relative;
}
#skin-menu .menu-contents-inner {
	padding: 2%;
}
#skin-menu .contents1 {
	width: 100%;
	border-bottom: 1px solid #666666;
	margin-bottom: 5%;
}
#skin-menu .contents1:after {
	content: "";
	clear: both;
	display: block;
}
#skin-menu .caption {
	width: 760px;
	font-size: 1.2em;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #B89E40;/*左線*/
	text-align: left;
	margin: 0 auto;
}
#skin-menu .comment-1 {
	position: absolute;
	background: #E3A6B5;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	padding: 30px 0 0;
}
#skin-menu .comment-1-inner {
	width: 80%;
	margin: 0 auto;
}
#skin-menu .comment-1 .comment-span {
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: 900;
	text-align: center;
}
#skin-menu .comment-1 .comment-small {
	font-size: 0.8em;
	text-align: left;
	color: #323232;
}
#skin-menu .contents1 .comment-img {
	width: auto;
	height: 100px;
	padding: 5% 0 ;
	display: block;
}
#skin-menu .comment-img-bt img {
	width: 50%;
	padding: 5% 0 ;
	display: block;
	margin: 0 0 0 auto ;
}
#skin-menu .comment-img-jv img {
	width: 80%;
	padding: 50px 0 0 0  ;
	display: block;
	margin: 0 0 0 auto ;
}
#skin-menu .comment-img-p img {
	width: 100%;
	padding: 0 0 0 0  ;
	display: block;
	margin: 0 auto;
}

#skin-menu .comment-2 {
	width: 100%;
	padding: 0 0 0 0;
	text-align: left;
}







/* menu btn */
#treatment-btn .btn-box {
	width: 282px;
	height: 50px;
	float: left;
	position: relative;
}
#treatment-btn .btn-box+.btn-box {
	margin-left: 7px;
}
#treatment-btn .btn-box a {
	text-decoration: none;
	display: block;
	width: 282px;
	height: 50px;
}
#treatment-btn .btn-box dl {
	width: 100%;
	height: auto;
}
#treatment-btn .btn-box dt {
	width: 20%;
	float: left;
} 
#treatment-btn .btn-box dt img {
	height: 40px;
	padding: 5px;
}
#treatment-btn .btn-box dd {
	width: 80%;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
}








.menu-left {
	width: 420px;
	height: auto;
	float: left;
}
.menu-right {
	width: 420px;
	height: auto;
	float: left;
}
.menu-img {
	width: 600px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	margin: 50px auto ;
}
.menu-img img {
	display: inline-block;
	width: 600px;
	height: auto;
}
.box-price {
	width: 600px;
	height: auto;
	margin: 20px auto;
}







/* contents price teble ---------------------*/	

table.list {
	width: 600px;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.list th {
	vertical-align: top;
	color: #ffffff;
	border-bottom: 1px solid #ccc;
	height: 10px;
	line-height: 10px;
	padding: 10px 20px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight: lighter;
	font-size: 13px;
	background-image: -webkit-linear-gradient(270deg,rgba(207,207,207,1.00) 0%,rgba(167,167,167,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(207,207,207,1.00) 0%,rgba(167,167,167,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(207,207,207,1.00) 0%,rgba(167,167,167,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(207,207,207,1.00) 0%,rgba(167,167,167,1.00) 100%);
}
table.list td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 20px;
	line-height: 20px;
	padding: 10px 20px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight: normal;
	font-size: 16px;
	padding: 2% 2% ;
}
table.list th.menu {
	width: 300px;
	border-left: 1px solid #ccc;
	text-align: center;
}
table.list th.number {
	width: 50px;
	border-left: 1px solid #ccc;
	text-align: center;
}
table.list th.price {
	width: 100px;
	border-left: 1px solid #ccc;
	text-align: center;
}
table.list th.first-price {
	width: 199px;
	text-align: right;
	/* [disabled]background-color: #F57CC5; */
	background-image: -webkit-linear-gradient(270deg,rgba(255,200,251,1.00) 0%,rgba(239,142,194,1.00) 79%);
	background-image: -moz-linear-gradient(270deg,rgba(255,200,251,1.00) 0%,rgba(239,142,194,1.00) 79%);
	background-image: -o-linear-gradient(270deg,rgba(255,200,251,1.00) 0%,rgba(239,142,194,1.00) 79%);
	background-image: linear-gradient(180deg,rgba(255,200,251,1.00) 0%,rgba(239,142,194,1.00) 79.00%);
}
table.list td.menu {
	background: #EDEDED;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
}
table.list td.number {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
}
table.list td.price {
	text-align: center;
}
table.list td.first-price {
	font-size: 24px;
	text-align: right;
	background: #FFF1F9;
	color: #F57CC5;
}



/* skin ---------------------*/
.skin {
	width: 600px;
	height: 300px;
	background: #F2EAD7;
	margin: auto;
	margin-top: 20px;
}
.skin p {
	font-size: 36px;
	text-align: center;
	line-height: 250px;
	color: #959489;
}







@media (max-width: 599.98px) {
	
	
	#skin-menu section {
		width: 96%;
		margin: 0 auto 100px auto;
	}
	#skin-menu h2.box-name {
		width: 100%;
		height: auto;
		font-size: 1.5rem;
		line-height: normal;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		text-align: center;
		padding: 1rem 0 ;
	}
	#skin-menu .menu-box {
		width: 100%;
		height: auto;
		text-align: center;
		margin: 0 auto ;
		position: relative;
	}
	#skin-menu .menu-img {
		width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		display: block;
		margin: 50px auto ;
	}
	#skin-menu .menu-img img {
		display: block;
		width: 100%;
		height: auto;
	}
	#skin-menu .menu-contents-inner {
		padding: 2%;
	}
	#skin-menu .contents1 {
		width: 100%;
		border-bottom: 1px solid #666666;
		margin-bottom: 5%;
	}
	#skin-menu .contents1:after {
		content: "";
		clear: both;
		display: block;
	}
	#skin-menu .caption {
		width: 100%;
		font-size: 1.2em;
		padding: 0.25em 0;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #B89E40;/*左線*/
		text-align: left;
		margin: 0 auto 1rem auto;
	}
	#skin-menu .comment-1 {
		position: relative;
		width: 100%;
		height: auto;
		border-radius:0;
		padding: 0.25rem 0 0;
	}
	#skin-menu .comment-1-inner {
		width: 100%;
		margin: 1rem auto 1rem auto;
	}
	#skin-menu .comment-1 .comment-span {
		font-size: 1.2em;
		color: #FFFFFF;
		font-weight: 900;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	#skin-menu .comment-1 .comment-small {
		font-size: 0.8em;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	#skin-menu .contents1 .comment-img {
		width: auto;
		height: 100px;
		padding: 0 0 ;
		display: block;
	}
	#skin-menu .comment-img-bt img {
		width: 70%;
		height:auto;
		padding: 5% 0 ;
		display: block;
	}
	#skin-menu .comment-img-jv img {
		width: 100%;
		padding: 5% 0 ;
		display: block;
	}
	#skin-menu .comment-img-2 img {
		width: 100%;
		padding: 5% 0 ;
		display: block;
	}
	#skin-menu .contents2 {
		width: 100%;
		margin-bottom: 5%;
	}
	#skin-menu .comment-img-2 {
		width: 100%;
		margin: auto ;
	}
	#skin-menu .comment-img-2 img {
		width: 80%;
		margin: auto ;
	}
	#skin-menu .contents3 .comment-1 {
		width: 100%;
		text-align: left;
		color: #666666;
		font-size: 0.9em;
		padding: 5% 0 ;
	}
	#skin-menu .contents3 .comment-1 span {
		font-size: 1em;
		color: #F57CC5;
		font-weight: 900;
	}
	

	
	
	
	
	
	
	
	
	
	
	
	
/*-------------------- contents price teble ---------------------*/	

table.list {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 2%;
}
table.list th {
	width: 100%;
	vertical-align: top;
	background: #EDEDED;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 10px;
	line-height: normal;
	padding: 10px 5px 10px 5px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight: lighter;
	font-size: 1em;
	color: #666666;
}
table.list td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 20px;
	line-height: 20px;
	padding: 10px 10px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight: normal;
	font-size: 1em;	
}
table.list td.number {
	width:12%;
	text-align: center;
	color: #666666;
}
table.list td.price {
	width:20%;
	text-align: center;
	color: #666666;
}
table.list th.first-price {
	width: 40%;
	background-image: -webkit-linear-gradient(270deg,rgba(255,200,251,1.00) 0%,rgba(239,142,194,1.00) 79%);
	background-image: -moz-linear-gradient(270deg,rgba(255,200,251,1.00) 0%,rgba(239,142,194,1.00) 79%);
	background-image: -o-linear-gradient(270deg,rgba(255,200,251,1.00) 0%,rgba(239,142,194,1.00) 79%);
	background-image: linear-gradient(180deg,rgba(255,200,251,1.00) 0%,rgba(239,142,194,1.00) 79.00%);
	color: #FFFFFF;
	text-align: center;
	font-size: 1.5em;
}
table.list td.first-price {
	font-size: 2em;
	text-align: right;
	background: #FFF1F9;
	color: #F57CC5;
	font-weight: 600;
}


/* ---------------------------------------- */
/*                  treatment               */
/*                  治療メニュー              */
/* ---------------------------------------- */	

#treatment {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#treatment h2.category-ttl {
	background-color: #E0E0E0;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	color: #222222;
	font-size: 1.25em;
	padding: 1.5rem 0;
	margin: 0 auto 1rem 0;
}
.treatment-menu p {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #222222;
}

#treatment .list {
	width: 96%;
	margin: 0 auto 2rem auto;
}
#treatment .list ul {
	width: 100%;
	margin: 0 auto 0 auto;
}
#treatment ul li {
	width: 100%;
	display: block;
	list-style-type: none;
	background-color: #FFFFFF;
	font-size: 1em;
	text-align: center;
	border: 1px solid #A0A0A0;
	margin-bottom: 1rem;
}
#treatment ul li a {
	display:block;
	text-decoration: none;
	color: #222222;
	padding: 1.5rem 0 ;
}
#treatment ul li a:hover {
	background: #EAF3FA;
}
#treatment ul:after {
	content: "";
	clear: both;
	display: block;
}

/* arrow */
#treatment ul li.arrow {
	position: relative;
}
#treatment ul li.arrow::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	bottom:50%;
	left: 90%;
	width: 6px;
	height: 6px;
	border-right: 2px solid #222222;
	border-bottom: 2px solid #222222;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



	
	.box-price {
	width: 100%;
	height: auto;
	margin: 20px auto;
}
		

}








.treatment-body{
	width: 860px;
	margin: 0 auto 0 auto;
}
.treatment-list {
	width: 860px;
	margin: 10px 0 50px 0 ;
}
.treatment-list h3 {
	width: 100%;
	background: #C9BA96;
	color: #FFFFFF;
	text-align: center;
	padding: 0.75rem 0 0.5rem ;
	font-size: 16px;
}
.treatment-item a {
	display: block;
	border: 1px solid #252525;
	padding: 1rem 0;
	margin: 1rem 0 ;
	font-size: 15px;
	text-align: center;
	color: #252525;
	text-decoration: none;
}

.treatment-item a:hover {
	background: #EBEBEB;
	color: #7E7E7E;
	text-decoration: none;
}

@media (min-width: 600px) and (max-width: 991.98px) {
	
	.treatment-body{
	width: 100%;
	margin: 0 auto 0 auto;
}
.treatment-list {
	width: 100%;
	margin: 10px 0 50px 0 ;
}
.treatment-list h3 {
	width: 100%;
	background: #C9BA96;
	color: #FFFFFF;
	text-align: center;
	padding: 0.5rem 0 ;
}
.treatment-item a {
	display: block;
	border: 1px solid #252525;
	padding: 1rem 0;
	margin: 1rem 0 ;
	font-size: 15px;
	text-align: center;
	color: #252525;
	text-decoration: none;
}

.treatment-item a:hover {
	background: #EBEBEB;
	color: #7E7E7E;
	text-decoration: none;
}
	
	
}


@media (max-width: 599.98px) {
	.treatment-body{
	width:96%;
	margin: 0 auto 0 auto;
}
.treatment-list {
	width: 100%;
	margin: 0 0 2vh 0 ;
}
.treatment-list h3 {
	width: 100%;
	background: #C9BA96;
	color: #FFFFFF;
	text-align: center;
	padding: 0.5rem 0 ;
	margin: 0;
}
.treatment-item a {
	display: block;
	border: 1px solid #555555;
	padding: 1rem 0;
	margin: 1rem 0 ;
	font-size: 1rem;
	text-align: center;
	color: #252525;
	text-decoration: none;
}

.treatment-item a:hover {
	background: #FFFFFF;
	color: #252525;
	text-decoration: none;
}
	
}







.skin-risk {
	width: 100%;
	margin: 5vh auto 10vh;
}
.skin-risk h2.top-section-title {
	font-size: 1.75rem !important;
	letter-spacing: 0.15rem !important;
}

.risk-body {
	width: 860px;
	max-width: 100%;
	margin: 20px auto 50px auto;
}
.risk-body dl {
	width: 860px;
	max-width: 100%;
	margin: 20px 0 50px 0px;
}
.risk-body dl dt {
	font-size: 18px;
	color: #CBBA96;
	margin: 0 0 5px 0;
}
.risk-body dl dd {
	font-size: 15px;
	line-height: 2rem;
}


@media screen and (max-width: 750px) {
	
	.skin-risk h2.top-section-title {
		font-size: 1.75rem !important;
		letter-spacing: 0.15rem !important;
	}
	.risk-body {
		width:100%;
		max-width: 100%;
		margin: 1rem auto 1rem auto;
	}
	.risk-body dl {
		width: 100%;
		max-width: 100%;
		margin: 1rem 0 1.5rem 0px;
	}
	.risk-body dl dt {
		font-size: 1.2rem;
		color: #CBBA96;
		margin: 0 0 0 0;
	}
	.risk-body dl dd {
		font-size: 1.1rem;
		line-height: 2rem;
	}
	
}



/* ---------------------------------------- */
/*詳細ページへの遷移ボタン　追加
/* ---------------------------------------- */	


.skin-menu-btn {
	width: 860px;
	max-width: 100%;
	margin: 0 auto;
}

.skin-menu-btn a {
	width: 50%;
	background: #AEAEAE;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
	padding: 2rem;
	border-radius: 50px;
}

@media screen and (max-width: 750px) {
	
	
.skin-menu-btn {
	width: 100%;
	margin: 0 auto;
}

	
	.skin-menu-btn a {
	width: 90%;
	margin: 0 auto;
	padding: 2rem;
	border-radius: 50px;
}
}