@charset "UTF-8";

@media only screen and (min-width:600px){
*#staff2{
	display:none !important;
}
/*#staff2,
.MenuContainer{
	display:none !important;
}*/
}

/*────────────────────────
	main_visual
	'Open Sans'
────────────────────────*/
@media only screen and (min-width:600px){
*#staff2{
	display:none !important;
}
}
div{
	-webkit-overflow-scrolling: touch;
}
body{
background-image:url(../image/wall.jpg);
background-attachment:fixed;
font-size:15px;
}
header{
	font-family: "HG丸ｺﾞｼｯｸM-PRO", sans-serif;
	margin:-10px auto;
	width:960px;
	position:relative;
}
header p#Left{
	position:absolute;
	top:-15px;
}
header h1{
	margin-top:36px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", sans-serif;
	letter-spacing:0.01mm;
	font-size:32pt;
	margin-bottom:28px;
}
h1 span{
	display:none;
}
.em {
  font-size: 1.5em
}
.color1{
	color:#f00000;
}
.red{
	color:#F00;
}
.green{
	color:#09C;
}
.green2{
	color:green;
}
.orange{
	color:orange;
}
#mark .red2{
	color:red;
}

#coco #chui{
	color: #F00;
	font-size: x-large;
}
/*#image{
	width:640px;
	margin:0 auto 30px;
	overflow:hidden;
}
#image .picture{
	width:3000px;
}
#image .picture li{
	float:left;
}*/
#image .picture,
#main .picture{
	text-align:center;
	margin-bottom:30px;

}
#back{
	background-color:#fff;
}
#back{
	border:none;
}
#newshop{
	float:left;
	font-family: "meiryo", sans-serif;
	width:35%;
	margin-left:10%;
	margin-bottom:50px;
	font-size:100%;
}
#newshop #big{
	color:#f00;
	font-size:15pt;
}
#newshop #phone{
	font-size:15pt;
}
#newmap img{
	position:relative;
	top:-30px;
}

#image p{
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "HGRSMP", sans-serif;
	position:absolute;
	top:280px;
	left:220px;
	font-size:28px;
	color:#300;
}

#wrap p{
	padding-top:14px;
	color:#333;
	text-align:center;
}
nav ul{
	margin: 0 auto 50px;
	width: 100%;
	height: 36px;
	padding: 11px 0 12px 1px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	text-align: center;
}
nav li{
	float: left;
	width: 190px;
	height: 36px;
	border-left: 1px solid #d8d8d8;
}
nav li a{
	display: block;
	width: 192px;
	height: 36px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
nav li a:hover{
	background-position: 0 -36px;
}
nav li.bodycare{
	border-left: none;
}
nav li.reflexology{
	border-left: none;
}
nav li.setcourse{
	border-left: none;
}
nav li.kokaku{
	border-left: none;
}
nav li.naizo{
	border-left: none;
}
nav li.oilm{
	border-left: none;
}
nav li.totsu{
	border-left: none;
}
nav li.staff{
	border-left: none;
}
nav li.access{
	border-left: none;
}
nav li.members{
	border-left: none;
}

nav li.seikotu{
	border-left: none;
}
nav li.gikkuri{
	border-left: none;
}
nav li.manyupi{
	border-left: none;
}
nav li.kogao{
	border-left: none;
}
nav li.kassa{
	border-left: none;
}
nav li.yurume{
	border-left: none;
}
/*nav li.sango{
	border-left: none;
}*/
nav li.facial{
	border-left: none;
	color: #CDCDCD;
}


nav li.bodycare a{
	background-image: url(../image/bodycare.png);
}

nav li.reflexology a{
	background-image: url(../image/reflexology.png);
}

nav li.setcourse a{
	background-image: url(../image/setcourse.png);
}

nav li.option a{
	background-image: url(../image/option.png);
}

nav li.icho a{
	background-image: url(../image/icho.png);
}

nav li.ikisbr a{
	background-image: url(../image/ikisbr.png);
}

nav li.kinmaku a{
	background-image: url(../image/kinmaku.png);
}

nav li.kokaku a{
	background-image: url(../image/kyosei.png);
}

nav li.naizo a{
	background-image: url(../image/naizo.png);
}

nav li.oilm a{
	background-image: url(../image/oilm.png);
}

nav li.totsu a{
	background-image: url(../image/itami.png);
}

nav li.staff a{
	background-image: url(../image/staff.png);
}

nav li.access a{
	background-image: url(../image/access.png);
}

nav li.members a{
	background-image: url(../image/members.png);
}

nav li.sitma a{
	background-image: url(../image/sitma.png);
}
nav li.gikkuri a{
	background-image: url(../image/gikkuri.png);
}
nav li.seikotu a{
	background-image: url(../image/tbm.png);
}
nav li.manyupi a{
	background-image: url(../image/manyupi.png);
}
nav li.kogao a{
	background-image: url(../image/kogao.png);
}
nav li.kassa a{
	background-image: url(../image/kassa.png);
}
nav li.yurume a{
	background-image: url(../image/yurume.png);
}
/*nav li.sango a{
	background-image: url(../image/sango.png);
}*/
nav li.facial a{
	background-image: url(../image/facial.png);
}
nav li.handest a{
	background-image: url(../image/handest.png);
}
nav li.dryhead a{
	background-image: url(../image/dryhead.png);
}
nav li.undo a{
	background-image: url(../image/undo.png);
}

#pattern1 {
background-color:gold;
width:auto;
  list-style: none;
}
#pattern2 {
background-color:lightcyan;
/*border: 2px skyblue dashed;*/
width:auto;
  list-style: none;
}
#pattern3 {
background-color:papayawhip;
width:auto;
  list-style: none;
}

.inner p{
	font-family:"HG丸ｺﾞｼｯｸM-PRO", "HGRSMP", sans-serif;
	text-align:center;
	font-size:15px;
	letter-spacing:0.5mm;
	margin-bottom:40px;
}
.inner p:nth-of-type(1){
	font-family: 'Open Sans', sans-serif;
	padding-top:60px;
	text-align:center;
	font-size:26px;
	margin-bottom:25px;
}
.inner p:nth-of-type(2){
	line-height:1.5;
	letter-spacing:3mm;
	font-size:28px;

	text-decoration:underline;
	margin-bottom:40px;
}
.inner p:last-of-type{
	margin-bottom:70px;
}
hr {
	margin:0 auto 50px;
	border: 1px #d8d8d8 ridge;
	width: 100%;
}
.practit img{
	float:left;
	width:50%;
	height:50%;
	border-radius: 5px;
}
.shadow img{
	box-shadow:3px 3px 10px #ccc;
}
.under {
	background: linear-gradient(transparent 80%, #F90 100%);
}
/* 価格表 */
#price{
	width:100%;
}
#price #practitioner{
	width:100px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "HGRSMP", sans-serif;
	text-align:right;
}
#price .table{
	width:630px;
	overflow:hidden;
	margin:0 auto;
}
h3{
	width:630px;
	height: 25px;
	line-height:1.7;
	boxsizing:border-box;
	padding: 3px 0px 0px 10px;
	font-size:13px;
	background:-webkit-linear-gradient(#d3d3d3 0%, #fff 51%,#d3d3d3 100%);
	background:-ms-linear-gradient(#d3d3d3 0%, #fff 51%,#d3d3d3 100%);
	border: 0px;
	border-left: 5px solid #d3d3d3;
	color: #735656;
	border-radius:5px;
	margin:0 auto 2em;
}

#price .center{
	margin:0 auto;
}
#price :not(:first-child) h3{
	margin-top:40px;
}
table{
	width: 300px;
	padding:0px 15px 15px 0;
	margin-right:30px;
	border-collapse: separate;
	border-radius: 5px;
}

#price table tr:not(:first-child) th{
	border-right-style: hidden;
}
#price table tr:not(:last-child) th{
	border-bottom-style: hidden;
}
#price table tr:not(:last-child) td{
	border-bottom-style: hidden;
}
#price table tr:first-child th:last-child {
	border-radius: 5px 5px 0 0;
}

#staff table tr th{
	border-right-style: hidden;
}
#staff table tr:not(:last-child) th{
	border-bottom-style: hidden;
}
#staff table tr:not(:last-child) td{
	border-bottom-style: hidden;
}
#staff table tr:first-child th:first-child {
	border-radius: 5px 0 0 0;
}
#staff table tr:first-child td:last-child {
	border-radius: 0px 5px 0 0;
}

p.map img{
	max-width: 100%;
	height: auto;
}

table tr:last-child th:first-child {
	border-radius: 0 0 0 5px;
}
table tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
	/*font-size: xx-large;*/
}

#price .tF{
	float:left;
}
.tF span.nameC{
	font-weight:bold;
}
#price table:last-of-type,
#price table:nth-of-type(2){
	margin-right:0;
}
#price{
	margin-bottom:50px;
}
#price .table:last-of-type table td{
	line-height: 2;
	font-size: medium;
}
#clear{
	clear:both;
}
/*.long{
	font-weight:bold;
}*/
th {
	font-weight: normal;
	background-color: rgba( 227, 220, 213, 0.55 );
	
	text-align: center;
	
	padding: 5px;
	vertical-align: top;
	color: #333;
	border: 1px solid #300;
	width: 60%;
}
.hidari {
		float:left;
}

td {
	background-color:transparent;
	text-align: left;
	padding: 5px 5px 5px 10px;
	color:#300;
	border: 1px solid #300;
}
#price td {
	text-align:center;
}
#price section{
	overflow:hidden;
	clear:both;
}
#staff section:last-of-type{
	margin-bottom:50px;
}

#price section .text_c{
	line-height:2;
}
#price .chief{
	background-color:#FFECEC;
}
/* スタッフ */
#staff{
	width:630px;
	margin:0 auto;
}

#staff table{
	width: 630px;
}
#staff th {
	width: 35%;
	line-height:4;
}
#staff span.name{
	color:#00f;
	text-decoration:underline;
	cursor:pointer;
}
#staff .red{
	color:red;
}
#staff td {
	line-height:1.5;
}
#staff section {
	margin-bottom:30px;
}


/*#root{
	overflow:hidden;
	margin-bottom:10px;
}*/
#root{
	width:630px;
	margin:0 auto;
}
/*#root li{
	float:left;
	padding-left:10px;
}
#root li img{
	width:300px;
	height:auto;
	border:1px solid;
}*/
/*#root table{
	width: 630px;
}
#root th {
	width: 35%;
	line-height:4;
}
#root td {
	line-height:1.5;
}*/
/*#root section {
	margin-bottom:30px;
}*/


#map{
	width:600px;
	height:480px;
	margin:-70px auto 20px;
}

address{
	clear:both;
	text-align:center;
	padding-bottom:10px;
	font-size:100%;
	font-style:normal;
}
address span{
	font-weight:bold;
	color:#f00;
}
#map_down{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
	color:#330033;
}
#map_down #approach1{
	font-size:25px;
}
#map_down #approach2{
	font-size:24px;
	letter-spacing:2.5px;
}
footer{
	width:630px;
	height:50px;
	line-height:3.5;
	margin:0 auto;
	background-color:rgba(51,51,51,0.9);
}
small{
	color:#fff;
	display:block;
	text-align:center;
	font-size:95%;
	margin-bottom:50px;
}
.map_comment{
	width:200px;
	overflow:hidden;
}
#ie{
	width:350px;
	margin:0 auto;
}
.tooltip{
	width:200px;
	height:100px;

	/*background-image:url(../image/staff0.png);*/
	background-repeat:no-repeat;
	background-size:100px 125px;
	box-shadow:3px 3px 10px #ccc;
	background-color:rgba(255,255,255,1);
	position:absolute;
	padding:10px 5px 10px 100px;
	display:none;
	border:dotted 3px #C99;

}
#pp{
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	margin-left:-500px;
	margin-bottom:10px;
	font-size:95%;
	color:#582000;
}
#pp::before{
	content:'▼';
	display:block;

}
#policy{
	display:none;
	width:580px;
	height:auto;
	padding:15px 20px 15px 25px;
	margin:0 auto;
	color:#582000;
	text-decoration:none;
	font-size:95%;
	background-color:rgba(255,255,204,0.4);
	margin-bottom:20px;
}
#policy p{
	text-indent:-1em;
	margin-bottom:10px;
}
#pT{
	margin:0 auto 10px;
	width:630px;
	text-align:right;
}

span.bold2{
	font-weight:bold;
}
#main #price .table .tF table tr td {
	font-size: medium;
}
#main #price .table .tF table tr td {
	color: #000;
}
.bunsyo {
	display:none;
}
.bunsyo2 {
	display:none;
}


/* スマホ用画面下部メニュー */
.sp_footer_menu {
    background-color: #EA5413;
    z-index: 1000;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.08);
}

.sp_footer_menu_btn {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    text-decoration: none;
    padding: .3rem 0;
    background-color: #EA5413;
    cursor: pointer;
}

.sp_footer_menu_btn__img {
	height: 35px;
    text-align: center;
	margin-bottom: .2rem;
}

.sp_footer_menu_btn__img svg {
    height: 30px;
}

.sp_footer_menu_btn__name {
    display: block;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 0.8rem;
    letter-spacing: .05rem;
}

.white-btn {
    background-color: white;
}

.white-btn svg {
    height: 34px;
}

.white-btn .sp_footer_menu_btn__name {
    color: #EA5413;
}

/* ページトップへ戻るボタンの位置を調整 */
#topcontrol {
    bottom: 70px !important;
}

/* フッターの高さを調整 */
footer {
    padding-bottom: 70px;
}

@media screen and (min-width:576px) {
	/* スマホより大きいサイズの端末（タブレット・PC）で見た場合 */
    .sp_footer_menu {
        display: none;
    }

    #topcontrol {
        bottom: 5px !important;
    }

    footer {
        padding-bottom: 0;
    }
}