@charset "UTF-8";
/* CSS Document */
body{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	/* background:url(../img/bg_1920x2500.jpg); */
	background:#000;
	background-size: cover;
}
.wrap:after{
	content:" ";
	display:block;
	clear: both;
}
.all {
	width:1024px;
	margin:0 auto;
	overflow:hidden;
}
header{
	background-size: cover;
	width:1024px;
}
.logo_left {
	float: left;
}
.logo_left a {
	float: left;
}
.header-btn img{
	width:150px;
	margin-right: 6px;
}
.logo_left img{
	margin-bottom: 8px;
}
.header_text{
	clear:both;
}
.header-btn{
float: right;
	margin-top: 86px;
	margin-left: 86px;
}
.hours{
	float: right;
	margin-top: 38px;
	margin-right: 16px;
}
.hours p{
	font-size: 18px;
	text-shadow: 2px 1px 2px #000;
	color: #c09d59;
	line-height: 1.4;
	margin-top: 10px;
	margin-left: 10px;
}
.header_tel p{

	color: #ffffff;
	font-size: 52px;
	font-style: italic;
	font-weight: bold;
	text-shadow: 4px 2px 6px #000000;
	padding-bottom:30px;
}
#menu{
	background-color: #2b211e;
	position: relative;
	height:70px;
	clear:both;
}
#menu ul{
	width:1004px;
	margin: 0 auto;
	display:flex;
}
#menu ul li{
	width:14.2857%;
	margin: 0 auto;
}
#menu ul img{
	padding-left: 3px;
	padding-right: 3px;
	padding-top:5px;
}
#menu li img{
	padding-top:17px;
	padding-bottom:7px;
}
#menu ul li:last-child img{
	padding-left: 8px;
}
.gold_line_up::after{
	position: absolute;
	content: "";
	width: 1024px;
	height: 1px;/* 罫線の太さ */
	left: 0;
	margin-top: -2px;
	top:0;/* 罫線の太さの半分のネガティブ値 */
	background: linear-gradient(to right, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
	background: linear-gradient(to left, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
}
.gold_line_down::after{
	position: absolute;
	content: "";
	width: 1024px;
	height: 1px;/* 罫線の太さ */
	left: 0;
	margin-top: -2px;
	bottom:0;/* 罫線の太さの半分のネガティブ値 */
	background: linear-gradient(to right, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
	background: linear-gradient(to left, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
}
.pankuzu{
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.big_banner{
	margin-bottom: 10px;
}
.info_area{
	width:334px;
	padding-bottom:10px;
	border: solid 1px #f1e6cb;
	float:left;
	margin-bottom: 20px;
}
.info_area:after{
	content:" ";
	display:block;
	clear: both;
}
.info_wrap{
	height:150px;
	margin-top: 6px;
	padding-left:6px;
}
.info-date{
	font-size: 18px;
}
.info-therapist1{
	background-color: #e72857;
	font-size: 18px;
	width:132px;
	height:20px;
	padding-top: 4px;
	padding-left: 20px;
	margin-top:8px;
	margin-bottom: 8px;
	clear: both;
}
.info-therapist2{
	background-color: #9433FF;
	font-size: 18px;
	width:112px;
	height:20px;
	padding-top: 4px;
	padding-left: 40px;
	margin-top:8px;
	margin-bottom: 8px;
	clear: both;
}
.info-therapist3{
	background-color: #B2AA12;
	font-size: 18px;
	width:112px;
	height:20px;
	padding-top: 4px;
	padding-left: 40px;
	margin-top:8px;
	margin-bottom: 8px;
	clear: both;
}
.info-therapist4{
	background-color: #9433FF;
	font-size: 18px;
	width:112px;
	height:20px;
	padding-top: 4px;
	padding-left: 40px;
	margin-top:8px;
	margin-bottom: 8px;
	clear: both;
}
.info-title{
	font-size: 18px;
}
.info-img{
	width:100px;
	float:left;
	margin-left:5px;
}
.info-box{
	width:200px;
	float:right;
	padding-top: 10px;
}
.more{
	padding-top:20px;
	padding-right: 20px;
	text-align: right;
	color: #ca9944;
}
.left{
	float:left;
	clear:both;
}
.right{
	float:right;
}
.center{
	clear:both;
	margin: 0 auto;
}
.banner_area{
	width:680px;
	text-align: center;
}
.banner_area img{
	margin-bottom: 20px;
}
.schedule_area{
	width:680px;
	padding-bottom:10px;
	border: solid 1px #f1e6cb;
	float:left;
	margin-bottom: 20px;
}
.schedule-wrap{
}
.schedule-img{
	float: left;
	padding-left:9px;
	padding-top:10px;
}
.schedule-img img{
	float: left;
	margin-left: 20px;
}
.therapist_warap{
	position: relative;
	margin-left:10px;
	margin-top:10px;
}
.therapist_warap:after{
	content:" ";
	display:block;
	clear:both;
}
.schedule-time_box{
	width:100%;
	height:48px;
	background: url(../img/brack_bg.png) no-repeat;
	background-size:100% 100%;
	position: absolute;
	bottom:0;
	left:0;
	text-align:center;
}
.icon_maru{
	position: absolute;
	top:4px;
	right:1px;
}
.page-btn{
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}
.page-btn img{
	text-align: center;
	margin-bottom: 6px;
	margin-top: 16px;
}
.concept_area{
	width:500px;
	margin-top: 30px;
	padding-bottom:10px;
	border: solid 1px #f1e6cb;
	float: left;
	clear: both;
	text-align: center;
}
.concept_area p{
	margin-top: 10px;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 10px;
	line-height: 1.8;
	font-size: 16px;
	text-align:left;
}
.concept_area img{
	margin-top: 30px;
	margin-bottom: 10px;
}
.reserve_area{
	clear: both;
	width:334px;
}
.reserve_warap{
	width:92%;
	margin: 0 auto;
}
.reserve_warap img{
	margin-top: 20px;
}
.reserve-text{
	font-size: 21px;
	color:#c09d59;
	margin-top: 10px;
	line-height: 1.4;
}
.reserve_time{
	padding-top:6px;
	padding-bottom: 8px;
}
.footer{
	width:1024px;
	margin-top: 20px;
	padding:20px 0;
	clear: both;
	position: relative;
	text-align: center;
}
.footer_logo{
	float: left;
}
.footer_logo img{
	margin-top: -20px;
	margin-left: 100px;
}
.gold_line::after{
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;/* 罫線の太さ */
	left: 0;
	margin-top: -2px;
	top:0;/* 罫線の太さの半分のネガティブ値 */
	background: linear-gradient(to right, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
	background: linear-gradient(to left, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
}
.hours2{
	padding-top:8px;
}
.hours2 p{
	font-size: 18px;
	margin-left:4px;
}
.footer_right{
	margin-left:40px;
}
.footer-bottom{
	margin-top: 30px;
	margin-bottom: 30px;
}
.foot_banner {
	margin:1rem auto;
}

/* インフォメーションページ */
.info_page_area{
	border: solid 1px #f1e6cb;
	padding-bottom: 40px;
	margin-bottom: 100px;
}
.info_wrap2{
	clear: both;
	padding-top:30px;
	padding-left: 30px;
	padding-bottom: 10px;
}
.info_wrap2:after{
	content:" ";
	display:block;
	clear: both;
}
.info-img2{
	float:left;
	border-bottom: solid 1px #ffffff;
}
.info-img2 img{
	width:180px;
}
.info-box2{
	float:left;
	padding-left:40px;
}
.info-box2 p{
	margin-top: 10px;
}
.sub-title {
	color: yellow;
	font-size: 20px;
}
.coment{
	margin-top: 40px;
}
.blog-btn{
	color:black;
	font-weight: bolder;
	font-size:20px;
	margin-top: 20px;
}

/*セラピスト一覧*/
.therapist_area{
	width:1022px;
	padding-bottom:10px;
	border: solid 1px #f1e6cb;
	float:left;
}
.therapist_wrap:after{
	content:" ";
	display:block;
	clear:both;
}
.therapist_warap2{
	position: relative;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
.therapist_warap2 .smoke {
	background: url(../img/ico-nosmoke.png) center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 19%;
	right: 5%;
}
.icon_maru{
	position: absolute;
	top:4px;
	right:1px;
	width:4em;
}
.icon_maru > img{
	width:60px;
}

.therapist-time_box{
	width:100%;
	height: 80px;
	background: url(../img/brack_bg.png) no-repeat;
	background-size: 100%;
	position: absolute;
	bottom:0;
	left:0;
}
.therapist-time_box{
	text-align: center;
}
.box-inner{
	padding-top: 28px;
}

.clock{
	float: left;
}

.therapist_name{
	margin-top: 6px;
}
.therapist_area-inner{
	width:96%;
	margin: 0 auto;
}
.pager{
	text-align: center;
	padding: 40px;
}
.date-btn-area{
	width:15%;
	background: url(../img/date-btn.png) no-repeat;
	margin-top: 14px;
	float: left;
	margin-left: 16px;
	margin-bottom: 4px;
}
.btn-date{
	clear: both;
	padding-top: 12px;
	padding-bottom: 11px;
	text-align:center;
	display:block;
}

/* プロフィール */
.profile_wrraper{
	width: 90%;
	margin: 0 auto ;
	padding-top: 30px;
	padding-bottom: 0px;
}
.profile_wrraper:after{
	content:" ";
	display:block;
	clear: both;
}
.large_photo{
	float: left;
	padding-left:6px;
	position:relative;
}
.large_photo > img{
	width:300px;
}
.profile_desk{
	float: right;
}
.profile_desk-warap:after{
	content:" ";
	display:block;
	clear:both;
}
.profile_name{
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
}
.profile_name p{
	font-size: 32px;
}
.btn-shame {
	float:left;
	padding:1.5em 2.5em 0;
}
.btn-shame a {
	display:block;
}
.btn-shame a img {
	width:60%;
}
.table-bg{
	background: url(../img/profile_bg.svg);
	background-size:100%;
	clear: both;
}
table{
	width:570px;
	position: relative;
}
table p{
	background:#2d2d2d;
	padding:0.6em;
	font-size: 18px;
	margin:0 0 0.1em 0.1em;
}
table tr:first-child p{
	margin-top:0.1em;
}
table td p{
	margin:0 0.1em 0.1em 0.1em;
}
th{
	width:45%;
}
th,td {
	color:#ffffff;
	vertical-align: middle;/* top,middle,bottom いずれかの指定が必須 */
	text-align:left;
}
/*
table:after, tr:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;/* 罫線の太さ *
	left: 0;
	margin-top: -2px;/* 罫線の太さの半分のネガティブ値 *
	background: linear-gradient(to right, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
	background: linear-gradient(to left, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
}
table:after {
	bottom: -2px;/* 罫線の太さの半分のネガティブ値 *
}
*/
.syukin-left,.syukin-right{
	background: url(../img/profile_bg.svg) no-repeat;
	background-size:cover;
	float: left;
	position: relative;
	margin: 30px 0;
	display:table;
	width:49%;
}
.syukin-left {
	margin-right:2%;
	display:table;
	width:48%;
}
.schedule_table{
	display:table-row;
	position:relative;
}
/*
.schedule_table:after{
	position: absolute;
	content: " ";
	width: 100%;
	height: 3px;/* 罫線の太さ */
	left: 0;
	background: linear-gradient(to right, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
	background: linear-gradient(to left, transparent -80%,#f4db8c 70%,#c78a03 100%,transparent 90%);
}
*/
.schedule_date,.schedule_time {
	display:table-cell;
}
.schedule_date {
	width:30%;
	display:table-cell;
}
.comment_wrraper{
	width:98.5%;
	margin: 0 auto;
}
.comment{
	line-height: 1.4;
	margin: 20px;
}
.profile_date {
	background:#2d2d2d;
	color: #ca9944;
	font-size: 21px;
	padding: 10px;
	padding-left: 15px;
	margin:0.2rem;
	margin-top:0;
	margin-right:0;
}
.profile_time{
	background:#2d2d2d;
	padding: 10px;
	font-size: 21px;
	margin:0.2rem;
	margin-top:0;
}
.profile_time.kaida{
	margin: 0;
	font-size: 21px;
}
.schedule_time{
	font-size: 18px;
	text-align: center;
	position:relative;
	display:inline;
}
.syukin-left > div:nth-child(1) > div.schedule_date > p,
.syukin-left > div:nth-child(1) > div.schedule_time.none > p,
.syukin-right > div:nth-child(1) > div.schedule_date > p,
.syukin-right > div:nth-child(1) > div.schedule_time.none > p {
	margin-top:0.2rem;
}
.ranking_area{
	width:1022px;
	padding-bottom:10px;
	border: solid 1px #f1e6cb;
	float:left;
	margin-bottom: 40px;
}
.ranking-name{
	font-size: 30px;
	line-height: 1.0;
	margin-top: 20px;
}
.top_wrap{
	width:60%;
	margin: 0 auto;
}
.no1 img{
	margin-top: 80px;
	margin-left:
}
.large img{
	margin-left: 80px;
	margin-top: 60px;
}
.no1{
	float: left;
	text-align: center;
}
.no1:after{
	content:" ";
	display:block;
	clear: both;
}
.ranking-text_wrap{
	width:60%;
	margin: 0 auto;
	line-height: 1.0;
	border: solid 2px #ffffff  ;
	border-radius:6px;
	padding: 12px;
	margin-top: 40px;
}
.ranking-text{
	line-height: 1.2;
	font-size: 18px;
}
.ranking{
	background: url(../img/rankin_bg.png) center no-repeat;
	padding-bottom: 60px;
	clear: both;
}

.access_area{
	width:1022px;
	padding-bottom:10px;
	border: solid 1px #f1e6cb;
	float:left;
	margin-bottom: 40px;
}
.access_area:after{
	content:" ";
	display:block;
	clear: both;
}
.access_area p{
	margin-top: 10px;
}
.catch{
	font-size: 24px;
	margin-top: 100px;
}
.shop_name{
	font-size: 40px;
	margin-top: 20px;
}
.station{
	font-size: 21px;
	margin-bottom: 20px;
}
.shop_text{
	font-size: 21px;
	margin-top: 30px;
}
.access_text{<
	margin-top: 30px;
}
.access_area-warap{
	margin: 0 auto;
	width:89%;
	margin-bottom: 40px
}
.agree_area{
	width:1022px;
	padding-bottom:60px;
	border: solid 1px #f1e6cb;
	float:left;
	margin-bottom: 40px;
}
.attention{
	font-size:26px;
	color: #dc6321;
	margin-top: 60px;
	margin-bottom: 20px;
}
.agree_area_wrap{
	margin: 0 auto;
	width:89%;
	padding-top: 40px;
}
.agree_text{
	font-size: 21px;
	line-height: 1.6;
}
.agree_a{
	margin-top: 10px;
	font-size: 21px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.agree_b{
	font-size: 21px;
	line-height: 1.6;
	color:#ba8b3d;
}
.btn-a-b{
	margin: 0 auto;
	width:86%;
}
.btn-a-b img{
	margin-right: 10px;
	margin-top: 20px;
}
.system_area{
	width:1022px;
	padding-bottom:20px;
	border: solid 1px #f1e6cb;
	float:left;
	margin-bottom: 40px;
}
.aromabody-top{
	margin-bottom: 40px;
}
.aromabody-top:after{
	content:" ";
	display:block;
	clear: both;
}
.aromabody_image{
	float: left;
	margin-right: 10px;
}
.aromabody{
	font-size: 34px;
	color: #d26125;
	margin-bottom: 20px;
}
.aromabody_text{
	padding-top: 16px;
	margin-left: 10px;
	font-size: 20px;
}
.aromabody_text p{
	line-height: 1.6;
}
.menu_area{
	background: url(../img/menu_bg.png) center no-repeat;
	background-size: cover;
	padding-bottom: 60px;
}
.min{
	font-size: 40px;
	float: left;
	margin-top: 20px;
}
.yen{
	font-size: 60px;
	float: right;
}
.min:after{
	content:" ";
	display:block;
	clear: both;
}
.yen:after{
	content:" ";
	display:block;
	clear: both;
}
.couse{
	width: 98%;
	border-bottom: solid 2px #ffffff;
}
.couse:after{
	content:" ";
	display:block;
	clear: both;
}
.couse-text{
	font-size: 18px;
	margin-top: 6px;
}
.couse_ptn{
	margin-top: 30px;
}
.couse_ptn_right{
	float: right;
}
.couse_ptn_left{
	float: left;
}
.menu_area:after{
	content:" ";
	display:block;
	clear: both;
}
.menu_area_warap{
	width:88%;
	margin: 0 auto;
}
.menu_area_warap:after{
	content:" ";
	display:block;
	clear: both;
}
.other1{
	clear: both;
	font-size: 30px;
	border-bottom: solid 2px #ffffff;
}
.other1 p{
	margin-bottom: 6px;
}
.other1_yen{
	font-size: 50px;
	margin-left: 34px;
}
.other1-warap{
	width: 22%;
	float: left;
	margin-right: 20px;
}
.other1-warap:after{
	content:" ";
	display:block;
	clear: both;
}
.other1-inner{
	width:98%;
	margin: 0 auto;
}
.menu_area_title img{
	margin-top: 60px;
}
.step_icon{
	float: left;
}
.step_image{
	float: left;
	margin-left: 10px;
}
.step-title{
	color:#f0ce8a;
	margin-left: 10px;
}
.step_up:after{
	content:" ";
	display:block;
	clear: both;
}
.step-text-bottom{
	line-height: 1.4;
	width:350px;
	margin-left:20px;
	margin-top: 10px;
}
.step_part{
	border: solid 1px #f0ce8a ;
	width:430px;
	height:215px;
	padding-top: 20px;
	padding-bottom: 50px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.schedule_wrap {
	padding:0.6%;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.therapist_warap {
	width:24%;
	margin:1% auto;
}
.therapist_warap > a > img {
	width:100%;
}
.schedule-time_box > img {
	width:18px;
}
.schedule_time:before {
	content:" ";
	background:url(../img/time_icon.png) no-repeat;
	background-size:contain;
	width:18px;
	height:18px;
	position:absolute;
	top:-1px;
	left:-20px;
}
.schedule_time.none:before {
	content:none;
}
.info-img > img {
	width:100%;
}
.therapist_wrap {
	padding:0.6%;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.therapist_warap2 {
	width:19%;
	margin:1% auto;
}
.therapist_warap2 > a > img {
	width:100%;
}
.therapist_time {
	position:relative;
}
.therapist_time:before {
	content:" ";
	background:url(../img/time_icon.png) no-repeat;
	background-size:contain;
	width:18px;
	height:18px;
	position:absolute;
	top:-2px;
	left:28px;
}
.therapist_time.none:before {
	content:none;
}
.pager ul {
	display:flex;
	width:40%;
	margin:0 auto;
}
.pager ul li {
	font-size:1.5em;
	width:100%;
	margin:0 auto;
}
.pager ul li.active {
	opacity:0.5;
}
.map iframe {
	width:100%;
	height:500px;
}
.btn-date.corrent {
	opacity:0.6;
}
.info_page_area > hr {
	width:95%;
}



.foot_banner img {
	max-width:200px;
}
.couse_30 .couse:after {
	content: none;
}




.ranking-footer-comment {
	width: 60%;
	margin: 0 auto;
}