@charset "utf-8";
@import url(slider.css);


body {
margin: 0px;
padding: 0px;
color:#3A3A3A;
font-family: 'Noto Serif JP', serif;
font-size: 15px;
line-height: 2;	
background:url("../images/common/bg.jpg")no-repeat top center fixed;
-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}
video,audio {max-width: 100%;}

/*link*/
a {
color :#3A3A3A;	
transition: 0.5s;	
text-decoration: none;
}
a:hover {
color:rgba(128,117,113,1.00);		
text-decoration: none;	
}

/*inner-header*/
.inner-header {
max-width: 100%;
margin: 0 auto;
}


/*inner*/
.inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 2%;
}



/*container*/
.container {
padding-bottom: 60px;
box-sizing: border-box;
}

/*header*/
header {
height: auto;
background: #000;
}

header #logo {
width: 100%;
}

header h1 {
	background: #333;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.top-tel{
	background: #333;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

/*contact*/

#contact {
float: right;		
text-align: center;	
margin-top: 36px;	
margin-right: 3%;
}

/*font*/
.center{
  text-align: center;
}
.txt20px {
  font-size: 20px;
}

.txt26px {
  font-size: 20px;
}

/*TEL*/
.tel {
letter-spacing: 0.1em;
font-size: 24px;
font-weight: bold;
}

.tel span {
display: block;
font-size: 11px;	
}

/*gnavi*/
#gnavi {
clear: both;overflow: hidden;
background: linear-gradient(#000000, #333333);
height: 55px;
font-family: 'Noto Serif JP', serif;
}

#gnavi li {
float: left;	
width: 16.666%;	
}
#gnavi li a {
display:  block;
text-decoration: none;
text-align: center;	
font-weight: 900;	
border-right: 1px solid rgba(255,255,255,1.00);
height: 55px;		
padding-top: 5px;	
line-height: 1.8;	
letter-spacing: 0.1em;
color:#ffffff;
}

#gnavi li:first-child a {
border-left: 1px solid rgba(255,255,255,1.00);
}

#gnavi li a span {
text-shadow: none;display: block;
font-size: 9px;			
font-weight: 900;	
letter-spacing: 0.2em;	
}

#gnavi li a:hover, #gnavi li.current a {
color:#222;
background:#919191;

}

#gnavi-s {display: none;}

#gnavi_hdr {display: none;}

/*body*/
body.is-fixed-menu .nav-fix-pos {
width: 100%;
z-index: 100;
position: fixed;
top: 0;
left: 0;
}
body.is-fixed-menu header {
margin-bottom: 75px;	
}

body.is-fixed .nav-fix-pos {
width: 100%;
z-index: 100;
position: fixed;
top: 0;
left: 0;
}
body.is-fixed header {
margin-bottom: 75px;
}

/*contents*/
#contents {
clear: both;
overflow: hidden;
position: relative;
z-index: 10;
padding-top: 10px;		
padding-bottom: 40px;	
}

.home #contents {
margin-top: -15%;
}

/*column*/
#contents-in {
float: left;	
width: 80%;		
}
/*２カラム時*/
.c2 #contents-in {
float: none;
width: auto;
}

/*main*/
#main {
float: right;	
width: 75%;
margin-top: 20px;
}

#main h2 {
position: relative;
padding: 0.4rem 0 0.1rem 0;
margin-bottom: 1.9rem;
font-size: 1.6rem;
font-weight: 900;	
border-bottom: 3px solid #B2B2B2;
color:#3A3A3A;
font-family: 'Noto Serif JP', serif;
}

h2:first-letter{
color: #B63179;
font-size: 2rem;
 }

h2:before {
position: absolute;
bottom: -3px;
left: 0;
width: 20%;
height: 3px;
content: '';
background: #B63179;
}

#main h2 span{
font-size: 0.9rem;
margin-left:12px;
color: #B63179;
font-weight: 900;
}

#main h3 {
font-size: 1.2rem;
border-bottom: 1px dashed #000;
color:#636161;
padding: 0.6rem 0;
margin-bottom: 2rem;
font-family: 'Noto Serif JP', serif;
}

h3:first-letter{
color: #B63179;
font-size: 1.2rem;
 }
 
#main p {
padding: 0px 20px 20px;
}

#main p + p {
margin-top: -5px;
}
#main h2 + p,
#main h3 + p {
margin-top: -10px;
}
#main section + section {
margin-top: 30px;
}


#new {
	margin-top: -30px;
}



/*システムページ*/
.pay {
	display:flex;
	margin-bottom:50px;
}
.pay img{
	border-radius: 20px;
	align-items:center;
}
.item {
	margin:10px 20px 20px 40px;
}
@media screen and (max-width: 800px) {
.pay {
	display: -webkit-flex;
	display:flex;
/*	align-items:center;*/
	flex-direction: column-reverse;
	width: 100%;
}
.pay img{
	width: 100%;
	border-radius: 20px;
}


.item {
	text-align: left;
	margin-bottom:20px;
}

}







/*セラピストの詳細ページ*/

#main .staff .left {
float: left;	
width: 35%;		
padding-bottom: 15px;
}

#main .staff .left p {
padding: 0px;
}

#main .staff .right {
width: 60%;		
float: right;	
padding-bottom: 15px;
}

#main .staff .right .ta1 th {
width: 100px;
}

/*sub*/
#sub {
float: left;	
width: 22.5%;
margin-top: 20px;
margin-bottom: 100px;
}

/*side*/
#side {
float: right;	
width: 18%;		
}

.c2 #side {
display: none;	
}

/*sub,side column*/
#sub h2,
#side h2 {
text-align: center;	
padding: 10px;
color: #fff;
background: #DD6163;
letter-spacing: 0.1em;
font-family: 'Noto Serif JP', serif;
}

#sub p,
#side p {
line-height: 1.6;
}

/*box*/

#sub .box1,
#side .box1 {
border: 1px solid rgba(245,226,219,1.00);
padding: 4px;			
margin-bottom: 20px;	
background: #fff;
}

#sub .box1 h2,
#side .box1 h2 {
border-radius: 0;	
}
.box1 .submenu {
margin-bottom: 0 !important;
}


@media screen and (max-width: 800px) {
#sub .box1,
#side .box1 {
border: 1px solid rgba(245,226,219,1.00);
padding: 20px;			
margin-bottom: 20px;	
background: #fff;
}
}


/*submenu*/

#sub .submenu,
#side .submenu {
margin-bottom: 20px;	
}

#sub .submenu li a,
#side .submenu li a {
text-decoration: none;display: block;
padding: 3px 0;	
border-top: none;			
}


/*logo*/
@media screen and (max-width: 800px) {
header #logo {
width: 800px;
  height: 300px;
  object-fit: cover;

}	
}
@media screen and (max-width: 480px) {
header #logo {
width: 490px;
  height: 200px;
  object-fit: cover;

}	
}
@media screen and (max-width: 375px) {
header #logo {
width: 380px;
  height: 200px;
  object-fit: cover;

}	
}







/*footer*/
footer {
width: 100%;
clear: both;
background: linear-gradient(#000, #000);
color: #fff;	
font-size: 2rem;	
position: fixed;
bottom: 0;
z-index: 100;
font-family: 'Noto Serif JP', serif;
box-shadow: 0px 0px 10px -2px rgba(71,71,71,1.00);
}
footer .tel-txt {
color: #ffffff;
font-weight: 900;
background: linear-gradient(#333, #333);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
margin:  0 14px;
box-shadow: 0px 0px 10px -2px rgba(71,71,71,0.40);
}
footer .tel-txt:first-letter{
color: #ffffff;
font-size: 2rem;
 }

footer a,footer a:hover {
color: #ffffff;
}
footer .pr {display: block;font-size: 80%;}

/*footermenu*/

#footermenu {
text-align: center;
padding: 0px 0px 10px 0;	
}


/*copyright*/
#copyright {
clear: both;
text-align: center;
background: #333;
font-size: 50%;
}
#copyright a {text-decoration: none;}


/*table*/
.table {
border-collapse: collapse;
margin: 0 auto 10px auto;
padding: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.table td{
text-align: left;
padding: 10px;
border: 1px #D3D3D3 solid;
}

.table .td-02{
text-align: center;
font-weight: bold;
padding: 8px 0;
border: 1px #D3D3D3 solid;
width: 25%;
background:#EEE;
}

.table .td-03{
text-align: center;
font-weight: bold;
padding: 8px 0;
border: 1px #D3D3D3 solid;
width: 40%;
background:#EEE;
}

.table .td-04{
text-align: center;
font-weight: bold;
padding: 8px 0;
border: 1px #D3D3D3 solid;
}




@media screen and (max-width: 800px) {
.table {
border-collapse: collapse;
margin: 8px auto;
padding: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.table td{
text-align: left;
padding: 8px;
border: 1px #D3D3D3 solid;
}
.table .td-02{
text-align: center;
font-size: 96%;
font-weight: 600;
padding: 8px;
border: 1px #D3D3D3 solid;
width: 25%;
background:#EEE;
}
.table .td-03{
text-align: center;
font-size: 96%;
font-weight: 600;
padding: 8px 0;
border: 1px #D3D3D3 solid;
width: 44%;
background:#EEE;
}
.table .td-04{
text-align: center;
font-size: 96%;
font-weight: 600;
padding: 8px 0;
border: 1px #D3D3D3 solid;
}
}



/*table2*/
.table2 {
border-collapse: collapse;
margin: 0 auto 8px auto;
padding: 0;
width: 97%;
margin-left: auto;
margin-right: 0;
}
.table2 td{
text-align: left;
padding: 8px;
border-bottom: 1px #D3D3D3 solid;
}

.table2 .td-02{
text-align: left;
font-weight: bold;
padding: 8px 0;
border-bottom: 1px #D3D3D3 solid;
border-right: 1px #D3D3D3 solid;
width: 32%;
}

@media screen and (max-width: 800px) {
.table2 {
border-collapse: collapse;
margin: 0 auto 8px auto;
padding: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.table2 td{
text-align: left;
padding: 8px;
border-bottom: 1px #D3D3D3 solid;
}
.table2 .td-02{
text-align: left;
font-size: 96%;
font-weight: 600;
padding: 0px 0;
border-bottom: 1px #D3D3D3 solid;
width: 30%;
}
}




/*table3*/
.table3 {
border-collapse: collapse;
margin: 0 auto 10px auto;
padding: 0;
width: 100%;
margin-left: auto;
margin-right: 0;
}
.table3 td{
text-align: left;
padding: 10px;
border-bottom: 1px #D3D3D3 dotted;
}

.table3 .td-02{
text-align: center;
color:#AB4949;
padding: 10px 0;
border-bottom: 1px #AB4949 dotted;
width: 16%;
}

@media screen and (max-width: 800px) {
.table3 {
border-collapse: collapse;
margin: 0 auto 10px auto;
padding: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.table3 td{
text-align: left;
padding: 10px;
border-bottom: 1px #D3D3D3 dotted;
}
.table3 .td-02{
text-align: center;
font-size: 96%;
color:#AB4949;
padding: 10px 0;
border-bottom: 1px #D3D3D3 dotted;
width: 25%;
}
}




/*PAGE TOP*/

@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}

body .nav-fix-pos-pagetop a {display: none;}

body.is-fixed-pagetop .nav-fix-pos-pagetop a {
display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
width: 50px;		
line-height: 50px;	
bottom: 50px;		
right: 3%;		
color: #fff;		
background: #000;	
background: rgba(0,0,0,0.6);
border: 1px solid #fff;
animation-name: scroll;
animation-duration: 1S;
animation-fill-mode: forwards;
}

body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
background: #999;	
}

/*ul.disc,ol*/
ul.disc {
list-style: disc;
padding: 0 20px 20px 40px;
}
ol {
padding: 0 20px 20px 45px;
}

/*check*/
p.check {
background: #ff0000;
color:#fff;
padding: 10px 25px !important;
margin-bottom: 20px;
}
p.check a {color: #fff;}


/*other*/
.look {background: #333;padding: 5px 10px;border-radius: 4px;}
.mb10 {margin-bottom: 10px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mt20{margin-top: 20px;}
.pl20{padding-left: 20px;}
.pb20{padding-bottom: 20px;}
.pb10{padding-bottom: 10px;}

.clear {clear: both;}
.color1, .color1 a {color: #64bde7;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 36px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.border1 {border: 1px solid #666;}







/*Break Point*/
@media screen and (max-width:800px){


/*TEL BLOCK*/
#contact {
margin-right: 80px;	
}
/*TEL*/
.tel {
letter-spacing: normal;	
font-size: 16px;	
}

@media screen and (max-width: 740px) {
.tel {
letter-spacing: normal;	
font-size: 160%;	
}
}

/*menu*/
@keyframes menu1 {
0% {opacity: 0;}
100% {opacity: 1;}
}

#gnavi-s {
display: block;overflow: hidden;
position: absolute;
z-index: 200;
left: 0px;
top: 0px;
border-top: 1px solid #fff;
width: 100%;
animation-name: menu1;
animation-duration: 0.5S;
animation-fill-mode: both;
}

#gnavi-s li a {
display: block;text-decoration: none;
padding: 15px 10px 15px 20px;	
border-bottom: 1px solid #fff;
background:rgba(128,117,113,0.90);
font-size: 16px;
color: #fff;	
}

#gnavi-s li a span {
display: block;
font-size: 12px;
}

#gnavi {display: none;}

/*sp btn*/
#gnavi_hdr {
display: block;
position: absolute;
top: 20px;
right: 2%;
}

#gnavi_hdr.close,
#gnavi_hdr.open {
width: 50px;
height: 50px;
}

#gnavi_hdr.close {
background: url(../images/icon_menu.png) no-repeat center top/50px;
}

#gnavi_hdr.open {
background: url(../images/icon_menu.png) no-repeat center bottom/50px;
}

/*fixmenu*/
body.is-fixed-menu header,body.is-fixed header {margin-bottom: 0px;}

/*main,sub,side,contents-in*/
#main, #sub, #side, #contents-in {
float: none;
width: auto;
clear: both;
}

/*contents*/
#contents {
padding-top: 0px;
}

/*list-sub*/
.list-sub {
font-size: 15px;
line-height: 2;
}

.list-sub img {
width: 20%;	
}

/*table*/
.ta-box {overflow-x: auto;}
.ta-box .ta1 {overflow-x: auto;min-width: 800px;}

/*other*/
body.s-n #sub,body.s-n #side,body.s-n #footermenu {display: none;}
.sh {display:block;}
.pc {display:none;}

}





/* 2カラム */
*, *:before, *:after {
box-sizing: border-box;
}
.col_2{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
text-align: center; 
}
.col_2 > div{
width: 50%;
padding: 0 2px 20px 2px;
}
.col_2 > div h3{
  margin: 0 auto 0 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1090px) {
.col_2 > div{
width: 100%;
}
.col_2 > div h3{
  margin: 0 auto;
  font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.col_2 > div{
width: 100%;
}
.col_2 > div h3{
  margin: 0 auto;
  font-size: 1.4rem;
}
}





/* 3カラム */
*, *:before, *:after {
box-sizing: border-box;
}
.col_3{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
justify-content: space-between;
text-align: center;
line-height: 140%;
}
.col_3 > div{
width: 32.2222%;
padding: 14px;
border: 1px #E5E5E5 solid;
margin: 0 0 10px 0;
}
.col_3:after {
    content: "";
    display: block;
    width: 32.2222%;
}
.col_3 h4{
margin:12px 0 6px 0;
font-weight: normal;
color:#AB4949;
}
@media screen and (max-width: 1090px) {
.col_3 > div{
width: 32.2222%;
padding: 0;
border: 1px #E5E5E5 solid;
margin: 0 0 10px 0;
}
.col_3 h4{
margin:12px 0 6px 0;
font-weight: normal;
color:#AB4949;
}
}
@media screen and (max-width: 480px) {
.col_3 > div{
width: 32.2222%;
padding: 0;
border: 1px #E5E5E5 solid;
margin: 0 0 10px 0;
}
.col_3 h4{
margin:12px 0 6px 0;
font-weight: normal;
color:#AB4949;
}
}







/*form button*/
form .formbottom {
text-align: center;
} 
form .btns{
display: inline-block;
vertical-align: middle;
margin: 0 10px;
padding: 6px 25px;
color:#fff;
font-size: 140%;
letter-spacing: 0.2em;
font-weight: bold;
letter-spacing: 0.5pt;
text-decoration: none;
background-color: #6C7396;
border: 1px solid #6C7396;
cursor: pointer;
transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;
} 
form .btns:hover{
color: #6C7396;
background-color: #fff;
}



/*iframe-wrapper*/
.iframe-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*gmap*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/*footer*/
@media(min-width: 768px){
a[href^="tel:"]{
pointer-events: none;
text-decoration: none;
}
.hide-pc{
  display: none;
}
}

/*TEL発信*/
img{
	
	width: 100%;
}

.sumabottom {
		
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 800;
  width: 100%;
}

.sumabottom ul{
			display: none;	
}
@media screen and (max-width: 768px) {
  .sumabottom ul{
    display: flex;	
    background: #efefee;
  }
	.sumabottom ul li{
		width:calc(100%/2);
	}
  .sumabottom ul li a{
    display: block;
  }
  .sumabottom ul li a img{
    height: 55px;
    margin: 0 auto;
    width: auto;
  }
  .sumabottom ul li:first-child a{
    border-top: 2px solid #00A65A;
    padding-left: 20px
  }
  .sumabottom ul li:last-child a{
    border-top: 2px solid #66C6FF;
    padding-right: 20px;
    border-left: 2px solid #ccc;
  }
  .table .td-03{
    width: 30%;
  }
  .table .td-04{
    text-align: left;
    padding: 8px;
  }
  .table .txt26px{
    font-size: 14px;
  }
}