@charset "utf-8";

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 390;
}
@font-face {
  font-family: "YuMincho";
  src: local("YuMincho Medium");
  font-weight: 550;
}

/* WEBフォント */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.nsj {
    font-family: 'Noto Sans Japanese', serif;
}
.tsk {
	font-family: 'TsukuARdGothic-Bold',sans-serif;
}
@-webkit-keyframes wave__s {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: 260px bottom; } }
@keyframes wave__s {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: 260px bottom; } }
@-webkit-keyframes wave__m {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: 812px bottom; } }
@keyframes wave__m {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: 812px bottom; } }
@-webkit-keyframes wave__l {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: 812px bottom; } }
@keyframes wave__l {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: 812px bottom; } }
body {
	width:100%;
	background:#ffffff;
    color: #221F1F;
    font-size: 16px;
    line-height: 1;
    overflow-x: hidden;
/*    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*	font-family: "游明朝","YuMincho Medium", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;

/*    font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
/*    font-weight:normal;*/
    height: 100%;
    font-size: 16px;
	font-weight: 450;
}
input, select {
    font-size: 16px;
	font-family: "游明朝","YuMincho Medium", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
/*    font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	color: #989898;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.gothic {
	font-family: "Yu Gothic Medium","游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",  YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.ms_gothic {
	font-family: "ＭＳ ゴシック", sans-serif;
}
.mincho {
	font-family: "游明朝","YuMincho Medium", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
/*	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
}
.h_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
a {
    color: #231815;
    text-decoration:none;
}
a:hover {
    color: #5D5D5D;
}

:placeholder-shown {
    color: red;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #999999;
}
/* Firefox 18- */
:-moz-placeholder {
    color: #999999;
    opacity: 1;
}
/* Firefox 19+ */
::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
/* IE 10+ */
:-ms-input-placeholder {
    color: #999999;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* 回り込み解除 */
.clearfix::after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.clearfix::before {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
/* 回り込み解除 */
#sp {
	display: none;
}
.sp {
	display: none;
}
img{
	max-width:100%;
	width:100%;
}
.header_fix p {
    width: 50%;
    margin: 0 auto;
    max-width: 284px;
}
.header_fix {
    max-width: 1400px;
    margin: 1% auto;
    text-align: center;
}
.form_box {
    width: 50%;
    margin: 5% auto;
    text-align: center;
    border: solid 2px #2946b4;
    border-radius: 5px;
    padding: 5% 0;
}
.form_box input {
    border: 1px solid #dedede;
}
ul.frmInp li {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 auto 1%;
}
.form_box input {
    border: 1px solid #989898;
    width: 70%;
    font-size: 1.1em;
    padding: 0 2%;
}
ul.frmInp {
    margin: 0 auto 5%;
}
.form_box input.frmbtn {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
      max-width: 40%;
}
.form_box input.frmbtn:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom:  solid 4px #ffffff;/*線を消す*/
}
p.err {
    color: #ff0000;
    margin: 0 auto 2%;
}
.area_box {
    width: 100%;
    background: #111111;
    padding: 0.5%;
	display: none;
}
.area_box ul.arealist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.area_box ul.arealist li {
    margin: 0 0.5% 0;
    padding: 0.5% 2%;
    background: #A08646;
    border-radius: 3px;
}
.area_box ul.arealist li a {
    color: #ffffff;
}
.boxtitle {
    max-width: 1000px;
    margin: 3% auto;
}
p.ttl {
    text-align: center;
    font-weight: bold;
}
p.number {
    text-align: center;
    margin: 1% auto;
    font-weight: bold;
}
p.serach {
    background: #111111;
    text-align: center;
    color: #fff;
    padding: 2% 0;
    margin: 3% auto 5%;
    cursor: pointer;
}
.list {
    max-width: 1020px;
    margin: 0 auto 4%;
}
ul.list_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
li.therapist {
    width: 16.6%;
    margin: 0 0 3%;
    padding: 0 1%;
    text-align: center;
}
li.therapist a{
	position: relative;
}

p.img_blust {
    position: absolute;
    z-index: 1;
    width: 100%;
}
p.rank {
    text-align: center;
    margin: 3% 0 2%;
}

p.rank {
    text-align: center;
    margin: 5% 0 0;
    color: #ffffff;
    font-size: 0.8em;
    padding: 5% 0;
    min-height: 17px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
}
p.rank.r0 {
    background: #EE959E;
}
p.rank.r1 {
    background: #DE527C;
}
p.rank.r2 {
    background: #671200;
}
p.rank.r3 {
    background: #6D9EC5;
}
p.rank.r4 {
    background: #B0976F;
}
p.rank.r5 {
    background: #B38A25;
}
p.rank.r6 {
    background: #6d6161;
}
p.rank.r8 {
    background: #5c7486;
}

p.name {
    font-weight: bold;
    margin: 0 auto 2%;
	font-size:0.85em;
}
p.age {
    font-size: 0.85em;
    margin: 3px 0 0;
}
ul.searchlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 3%;
}
ul.searchlist li {
    width: 50%;
    align-items: center;
}
ul.searchlist li p.s_ttl {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 auto 1%;
}
.s_item select {
    border: solid 2px #746F6B;
    width: 90%;
	position: relative;
	background:url(../sel_arrow.png) no-repeat 98% center /3%;
	padding:1% 0.5%;
}
ul.searchlist li {
    width: 100%;
    align-items: center;
    margin: 0 auto 4%;
}
.select {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 92%;
}
select.age{
    border: solid 2px #746F6B;
    width: 90%;
	position: relative;
	background:url(../sel_arrow.png) no-repeat 98% center /3%;
	padding:1% 0.5%;
}
.select p {
    width: 45%;
    text-align: center;
    align-items: center;
    display: flex;
}
.select p:nth-child(2) {
    width: 10%;
    font-size: 1.8em;
}
ul.chk_s {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	margin: 0 0 5%;
}
ul.chk_s li {
    font-weight: bold;
    font-size: 1.1em;
}
.word_s p.s_ttl {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 0 1%;
}
input.wordinp {
    border: solid 2px #746F6B;
    width: 100%;
    position: relative;
    padding: 0.5% 0.5%;
}
input, select {
    color: #111111;
}
.serach_box {
    margin: 0 auto 5%;
	display: none;
}
.serach_box.active {
    display: block;
    background: #fff;
    padding: 4% 3% 5%;
    margin: 0 auto;
}
p.btn a {
    color: #ffffff;
    text-align: center;
}
p.btn {
    margin: 0 auto 2%;
    width: 30%;
    color: #FFFFFF;
    background: #111111;
    text-align: center;
    padding: 1% 0;
}
p.close {
    text-align: center;
}
.word_s {
    margin: 0 auto 5%;
}
p.close i {
    font-size: 0.7em;
    padding-right: 5px;
}
p.close {
    text-align: center;
    width: 20%;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
}
li.therapist figure {
    overflow: hidden;
    max-height:224px;
    position: relative;
	margin: 0 auto 5%;
	height: 224px;
}
li.therapist figure img {
/*    min-height: 283px;*/
}
.area_box ul.arealist li.active a {
    color: #111111;
    font-weight: bold;
}
.area_box ul.arealist li.active {
    background: #ffffff;
}
.paging ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1% auto;
}
.paging ul li {
    padding: 0 1%;
}
.paging ul li.active a {
    font-weight: bold;
    color: #d92b2b;

}
p.serach {
	background: none;
    text-align: center;
    color: #fff;
    padding: 1% 0 0;
    margin: 1% auto 2%;
    cursor: pointer;
    color: #555555;
    width: 80%;
    font-size: 1.2rem;
    font-weight: bold;
    position: relative;
}
p.serach:after {
	color: #A1874A;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
}
p.serach.active:after {
	content: "\f002";
}
.addbox {
    border-radius: 0;
    border: solid 1px #C4C4C4;
    padding: 0% 0%;
    background: #dedede;
}
p.btn {
    cursor: pointer;
    margin: 0 auto 2%;
    width: 30%;
    color: #FFFFFF;
    background: #A1874A;
    text-align: center;
    padding: 2% 0;
    border-radius: 5px;
    font-size: 1.1rem;
}
p.btn i {
    padding-right: 5px;
}
table.tbl_srcbox {
    width: 100%;
}
.s_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.s_item p {
    width: 47%;
    text-align: center;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
}
.s_item p.item_mid {
    width: auto;
}
table.tbl_srcbox th {
    background: #F4F5EF;
    text-align: left;
    padding: 2% 1%;
    font-size: 1.1rem;
    border-top:1px solid #EAEBE6;
    border-bottom:1px solid #EAEBE6;
	width: 200px;
}
table.tbl_srcbox td {
    border-top:1px solid #EAEBE6;
    border-bottom:1px solid #EAEBE6;
	padding:1%;
}
table.tbl_srcbox {
    width: 100%;
    margin: 0 auto 3%;
}
table.tbl_srcbox .checkbox-input{
  display: none;
}
table.tbl_srcbox .checkbox-parts{
    padding-left: 30px;
    position: relative;
    margin-right: 20px;
    padding-top: 0;
}
table.tbl_srcbox .checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 4px;
}
table.tbl_srcbox .checkbox-input:checked + .checkbox-parts{

}
table.tbl_srcbox .checkbox-input:checked + .checkbox-parts::after{
	content: "";
	display: block;
	position: absolute;
    top: -3px;
    left: 5px;
    width: 9px;
    height: 16px;
    transform: rotate(40deg);
    border-bottom: 3px solid #A1874A;
    border-right: 3px solid #A1874A;

}
ul.itemlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
ul.itemlist li {
    font-size: 1.1rem;
    align-items: center;
    margin: 0 0 2%;
}
ul.typelist {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.typelist li {
    width: 48%;
    border: solid 1px #fff;
    font-size: 0.8rem;
    padding: 2% 0;
    border-radius: 5px;
    margin: 0 0 5%;
    color:#fff;
}
ul.typelist li.type1 {
    border: solid 1px #C699A0;
    color:#C699A0;
}
ul.typelist li.type2 {
    border: solid 1px #CB7168;
    color:#CB7168;
}
ul.typelist li.type3 {
    border: solid 1px #7A9EAE;
    color:#7A9EAE;
}
ul.typelist li.type4 {
    border: solid 1px #7BA28F;
    color:#7BA28F;
}
ul.typelist li.type5 {
    border: solid 1px #CCB58C;
    color:#CCB58C;
}
ul.typelist li.type6 {
    border: solid 1px #5C6B8A;
    color:#5C6B8A;
}
ul.typelist li.type7 {
    border: solid 1px #BE94AA;
    color:#BE94AA;
}
ul.typelist li.type8 {
    border: solid 1px #C09C7C;
    color:#C09C7C;
}
ul.typelist li.type9 {
    border: solid 1px #755886;
    color:#755886;
}
ul.typelist li.type10 {
    border: solid 1px #C19894;
    color:#C19894;
}
ul.typelist li.type11 {
    border: solid 1px #7A8479;
    color:#7A8479;
}
ul.typelist li.type12 {
    border: solid 1px #7A9EAC;
    color:#7A9EAC;
}
ul.typelist li.type13 {
    border: solid 1px #C798A0;
    color:#C798A0;
}
ul.typelist li.type14 {
    border: solid 1px #BD7871;
    color:#BD7871;
}
ul.typelist li.type15 {
    border: solid 1px #3D6D43;
    color:#3D6D43;
}
ul.typelist li.type16 {
    border: solid 1px #8CB0BE;
    color:#8CB0BE;
}
ul.typelist li.type17 {
    border: solid 1px #928960;
    color:#928960;
}
ul.typelist li.type18 {
    border: solid 1px #5C5A81;
    color:#5C5A81;
}
ul.typelist li.type19 {
    border: solid 1px #8B6B94;
    color:#8B6B94;
}
ul.clubinfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 0.9rem;
    margin: 0 auto 5%;
}
ul.clubinfo li:first-child {
    margin-right: 3%;
}
p.detalrank.rank {
    position: relative;
    font-size: 1.8rem;
    padding: 2% 0;
    margin: 0 auto 2%;
}
.detail.list{
	margin:5% auto;
    position: relative;
}
p.jobnm {
    margin: 0 auto 5%;
    font-size: 0.9rem;
    color: #999999;
    text-align: center;
}
.Error {
    max-width: 800px;
    margin: 50px auto;
}
.Error p.ttl {
    text-align: left;
    font-size: 1.4em;
    margin: 0 0 10px;
}
.Error p.msg {
    font-size: 1.2em;
}
ul.detailbox ul.share li {
    width: 20%;
    margin-left: 2%;
}
ul.share {
    display: flex;
    width: 100%;
    margin: 10px 0 0;
    justify-content: flex-end;
}
ul.lang {
    display: flex;
    justify-content: flex-end;
}
ul.lang li {
    margin-left: 15px;
    margin-bottom: 5px;
}
ul.lang li.active {
    font-weight: 900;
    font-size: 1.1em;
}
@media (max-width: 1400px) {
	body {
	    font-size: 14px;
	}
}
@media (max-width: 1278px) {
	body {
	    font-size: 13px;
	}
}
@media (max-width: 1160px) {
	body {
	    font-size: 16px;
	}
	.header {
	    width: 90%;
	}
	.navi_fle {
	    max-width: 90%;
	}
	.footer	{
	    max-width: 90%;
	}
}

/* SP */
@media (max-width: 767px) {

	html{
		font-size: 62.5%;
		margin:0!important;
		padding:0!important;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word
	}
	img {
	  width: 100%;
	  display: block;
		object-fit: contain;
	}
	.pc {
	    display: none!important;
	}
	.sp {
	    display: block;
	}
	.header {
		position:relative;
		padding: 2% 0%;
	}
	.header h1 figure {
	}
	/** ハンバーガーメニュー */
	header p.menu_btn {
		position: absolute;
		display: block;
		top:4px;
		right:2%;
		z-index:999;
		width:40px;
		height:40px;
		margin-top:20px;
		text-align:center;
		line-height:0;
	}
	header p.menu_btn span {
		background: #a08751;
	    display: block;
	    position: absolute;
	    top: 0%;
	    left: 0;
	    width: 35px;
	    height: 5px;
	    margin-top: 0;
	    margin-left: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	header p.menu_btn span:before,
	header p.menu_btn span:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		width: 35px;
		height: 5px;
		background: #a08751;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	header p.menu_btn span:before {
		top:-11px;
	}
	header p.menu_btn span:after {
		top:11px;
	}
	header p.menu_btn.active span {
		width:5px;
		background:none;
	}
	header p.menu_btn.active span::before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header p.menu_btn.active span::after {
		top: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	header p.menu_btn.active {
		top:1px;
	}
	.is-fixed p.menu_btn {
	    top: 12%;
	}
	.is-fixed p.menu_btn.active {
	    top: 12%;
	}
	p.catch_txt {
	    position: absolute;
	    width: 50%;
	    left: 10%;
	    top: 25%;
	    bottom: 0;
	    margin: 0 auto;
	}
	#gnav {

		z-index: 10000;
/*
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;*/
	}
	#gnav.active {
		position:absolute;
		top:59px;
		left:0;
		width:100%;
	}
	#gnav div.contact {
		display:none;
	}
    #gnav {
      display: none;
		position:absolute;
		width:100%;
		top:55px;
    }

    #gnav.active {
      display: block;
      opacity: 1;
/*      animation-duration: 0.5s;
      animation-name: fade-in;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: fade-in;*/
    }

    @keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }
	
	header {
	    background: #ffffff;
	    width: 100%;
        margin: 0 auto 5%;
	}
	.header_fix {
		background: #fff;
		margin: 2% auto;
	}
	.main_cathc {
	    padding-top: 50px;
	}
	.main_cathc.btm {
	    padding-top: 27px;
	}
	.wrap {
	    padding-top: 60px;
	}
	#gnav li {
		margin:0;
		float:none;
		padding: 2% 0;
	    width: 100%;
        background: #a08751;
        border-bottom: solid 1px #fff;
	}

	#gnav.active ul.spnavilink {
	    justify-content: center;
	    align-items: center;
	}
	#gnav.active ul.spnavilink li:first-child a {
	    border-right: 1px solid #231815;
	}
	#gnav.active ul.spnavilink li {
	    width: 28%;
	    background: none;
	    padding: 3% 0 6%;
	}
	#gnav.active ul.spnavilink li a {
	    color: #231815;
	    font-size: 0.9em;
	    text-align: center;
	    padding: 0;
	}
	#gnav li:nth-child(2n) {
	
	}
	.fixed {
		position: fixed;
	}
	#gnav li:nth-child(3n+3) {

	}
	p.head_resv {
	    background: #080304;
	    position: absolute;
	    right: 12%;
	    top: 12px;
	    width: 28%;
	    padding: 2% 4%;
	}
	p.head_resv a {
	    display: block;
	}
	#gnav li:first-child {
/*		border-top: solid 1px #ffffff;*/
	}
	#gnav li a span {
	    float: right;
	}
	#gnav li a span img {
	    width: 11%;
	    display: inline-block;
	    margin-left: 4%;
	}
	#gnav li:last-of-type {

	}
	#gnav li a {
		font-size: 120%;
		display:block;
		position:relative;
		padding:1em 1em 1em 1.5em;
		color:#ffffff;
	}
	/*
	#gnav li a::before {
		content:"";
		display:inline-block;
		margin:-2px 1em 0 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 6px solid #ffffff;
		vertical-align:middle;
	}
	*/
	ul.navi li a {
		border:none;
	}
	.n_navi li:first-child {
	}
	.n_navi li a {
		border-left:none;
	}
	.n_navi li:last-child { 
	}
	ul.n_navi {
	    padding: 0px 0 0px;
	}
	#gnav li:nth-child(10) {
/*	    border-bottom: none;*/
	}
	#gnav.active ul {
	    width: 100%;
	    margin: 0 auto;
	    border-radius: 8px;
	    padding: 0%;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.mhm {
        background: rgba(255,255,255,1);
	    position: fixed;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		width:100%;
	}
	.mhm ul {
	    width: 100%;
	}
	.active .mhm {
	    padding: 0% 0% 0%;
	    margin: 0 auto;
	    width: 100%;
	    border-top: solid 1px #A9B0AD;
		position: fixed;
	}
	li.ig1 figure {
	    width: 70%;
		margin: 0 auto;
	}
	#gnav li.mt1 {
	    margin: 5% auto 0;
	}
	li.ig2 figure {
	    width: 70%;
	    margin: 2% auto 0;
	}
	p.menu_ft {
	    background: rgba(255,255,255,0.84);
	    text-align: center;
	    padding: 2% 0;
	}
	

	/* ハンバーガーメニュー **/
	.area_box ul.arealist li {
	    margin: 1% 0.5% 1%;
	    padding: 2% 2%;
	    width: 23%;
	    text-align: center;
	}
	.area_box {
	    width: 100%;
	    background: #111111;
	    padding: 2% 0.5%;
	}
	.boxtitle {
	    max-width: 1000px;
	    margin: 5% auto;
	}
	.serach_box {
	    padding: 0 2%;
	}
	ul.chk_s {
	    display: block;
	}
	ul.chk_s li {
	    margin: 0 auto 5%;
	}
	ul.list_box {
	    padding: 0 2%;
	}
	li.therapist {
	    width: 50%;
	}
	.form_box {
	    width: 90%;
	    padding: 5% 0;
	}
	.form_box input {
	    width: 90%;
	    font-size: 1.0em;
        padding: 3% 1%;
	}
	.select p:nth-child(2) {
	    font-size: 1.0em;
	}
	.paging ul li {
	    padding: 0 2%;
	}
	.paging ul li a {
	    font-size: 1.1em;
	}
	.paging ul {
	    margin: 10% auto 10%;
	}
	.addbox {
	    border-radius: 5px;
	    width: 80%;
	    margin: 0 auto;
	    padding: 0;
	    background: #dedede;
	}
	p.serach {
	    padding: 2% 0 0;
	    width:90%;
	    border-bottom: none;
	}
	p.serach.active {
	    border-bottom: solid 2px #E2E2E2;
	    padding: 2% 0 0;
	}
	p.btn {
	    margin: 0 auto 5%;
	    width: 70%;
	    padding: 6% 0;
	    border-radius: 5px;
	    font-size: 2rem;
	}
	table.tbl_srcbox th, table.tbl_srcbox td {
	    width: 100%;
	    display: block;
	}
	table.tbl_srcbox th {
		text-align:center;
		font-size:1.4rem;
	}
	select.age {
	    border: solid 1px #746F6B;
	}
	.s_item select {
	    border: solid 1px #746F6B;
	    border-radius: 5px;
	}
	table.tbl_srcbox td {
	    padding: 5% 0;
	}
	.s_item p.sw100 {
	    width: 100%;
	}
	table.tbl_srcbox .checkbox-parts {
	    margin-right: 10px;
	    font-size: 1.4rem;
	}
	ul.itemlist.type li {
	    font-size: 1.1rem;
	    align-items: center;
	    margin: 0 0 5%;
	    width: 45%;
	}
	ul.itemlist.area li {
	    margin: 0 0 5%;
	}
	p.rank {
	    bottom: 0;
	    z-index: 1;
	    width: 100%;
	    font-size: 1.6rem;
	}
	ul.clubinfo {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    font-size: 1.6rem;
	    margin: 0 auto 5%;
	}
	p.jobnm {
	    font-size: 1.6rem;
	}
	ul.typelist li {
	    font-size: 1.4rem;
	}
	.serach_box.active {
		display: block;
	    background: #fff;
	    padding: 4% 2% 0;
	}
	li.therapist figure {
	    max-height: 293px;
	    height: 293px;
	}
	.Error {
	    max-width: 90%;
	}
	ul.share {
		margin: 0;
	    justify-content: center;
	}
	ul.detailbox ul.share li {
	    width: 30%;
	    margin: 0 2%;
	}
	ul.lang {
	    padding-right: 5px;
	}
}
.gnav {
    max-width: 1020px;
    margin: 0 auto 2%;
}
.gnav ul {
    display: flex;
    justify-content: space-between;
}
.gnav ul li {
    width: 25%;
    text-align: center;
}
.gnav ul li a {
    display: block;
    width: 100%;
    padding: 10% 0;
    color: #ffffff;
    background: #a08751;
    border:solid 1px #a08751;
}
.gnav ul li a:hover {
    color: #a08751;
    background: #FFFFFF;
}
nav#gnav {
    display: none;
}
h4 {
    text-align: center;
    font-size: 1.5em;
    background: #d5e9e6;
    color: #526e6b;
    padding: 1.5% 0;
    font-weight: bold;
    margin: 0 auto 1%;
}
.members p.ttl {
    font-size: 1.1em;
    margin: 0 auto 3%;
}
table.tbl_regist {
    width: 100%;
    background: #e0e7e6;
    font-size: 18px;
}
table.tbl_regist.r1 {
	background: #FC7575;
    color: #ffffff;
}
table.tbl_regist.r2 {
	background: #6D9EC5;
    color: #fff;
}
table.tbl_regist.r3 {
	background: #684BF1;
    color: #dddddd;
}
table.tbl_regist.r4 {
	background: #846C47;
    color: #ffffff;
}
table.tbl_regist.r5 {
	background: #2F3436;
	color: #ffffff;
}

table.tbl_regist th,table.tbl_regist td {
    padding: 3% 2%;
    border: solid 1px #ffffff;
}
table.tbl_regist th {
    text-align: left;
    padding-left: 10%;
}
figure.credit {
    width: 100%;
    max-width: 609px;
    margin: 0 auto 40px;
}
.regist_box {
    margin: 0 auto 5%;
}
.crefit_txt {
    line-height: 1.7em;
    width: 63%;
}
.crefit_txt ul {
    margin: 20px auto 0;
    font-size: 0.9em;
}
ul.on_list {
    margin: 0 auto 3%;
    width: 50%;
    line-height: 1.7em;
    text-align: center;
}
ul.on_list span {
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    margin: 0 0 10px;
}
ul.on_list li {
    margin: 0 0 20px;
}
p.mng span {
    font-weight: bold;
}
p.mng {
    text-align: center;
    margin: 0 auto 20px;
    font-size: 1.2em;
    line-height: 1.7em;
}
p.c_txt1 {
    margin: 30px auto 30px;
    line-height: 1.7em;
    padding: 0 8%;
}
.favorite {
    width: 150px;
	margin: 0 0 20px
}
.favorite .favorite_btn {
    width: 100%;
    min-height: 32px;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    background-color: #D03F61;
    border: 1px solid transparent;
    border-radius: 4px;
    align-items: center;
    display: none;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    cursor: pointer;
}
.favorite .favorite_btn.del {
    color: #D03F61;
    font-size: 0.9em;
    background-color: #ffffff;
    border: 1px solid #D03F61;
}
.favorite_btn.active {
	display: flex;
}
ul.setting_list {
    margin: 0 0 30px;
    text-align: right;
}
ul.ad.table {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
p.setting_day {
    font-size: 0.9em;
    text-align: left;
}
li.therapist.ct2.animated.history {
    width: 32%;
}
li.therapist.ct2.animated.history figure {
    max-height: 400px;
    height: 400px;
}
p.img_beginner {
    position: absolute;
    z-index: 1;
    width: 30%;
    right: 5px;
    top: 5px;
}
.imgbox p.img_beginner {
    width: 14%;
}
ul.on_list figure {
    width: 25%;
    margin: 0 auto;
	display: block;
}
#members .form_box {
    border-color: #A08751;
}
#members .form_box input.frmbtn {
    background: #A08751;
    border-bottom-color: #745e32;
}
p.ex {
    text-align: center;
    width: 100%;
	margin: 0 auto 3%;
}
.st_num {
    margin: 0 auto 5%;
    text-align: center;
}
.errmsg p {
    font-size: 2.4em;
    margin: 0 auto 20px;
    color: #DD7748;
}
.errmsg {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}
@media (max-width: 767px) {
	.gnav {
		display:none;
	}
	table.tbl_contact {
	    width: 90%;
	    margin: 0 auto;
	}
	table.tbl_contact th, table.tbl_contact td {
	    display: block;
	    text-align: center;
	}
	p.c_txt1 br {
	    display: none;
	}

	p.c_txt1 {
	    font-size: 18px;
	    line-height: 1.9em;
	}
	h4 {
	    font-size: 1.5em;
	    padding: 5% 0;
	    margin: 0 auto 3%;
	}
	.members p.ttl {
	    font-size: 1.3em;
	}
	ul.on_list {
	    font-size: 1.1em;
	}
	table.tbl_regist {
	    width: 90%;
	    font-size: 18px;
	    margin: 0 auto;
	}
	table.tbl_regist th, table.tbl_regist td {
	    padding: 5% 2%;
		text-align: left;
	}
	.regist_box figure {
	    margin: 0 auto;
	    width: 90%;
	}
	.crefit_txt {
	    width: 90%;
	    font-size: 1.1em;
	    margin: 5% auto;
	}
	.favorite {
	    width: 150px;
        margin-left: 2%;
	}
	li.therapist.ct2.animated.history {
	    width: 50%;
	}
	ul.ad.table {
	    margin: 0 auto;
	    padding: 0 2%;
	}
	ul.setting_list {
	    padding: 0 4%;
	}
	li.therapist.ct2.animated.history figure {
	    max-height: 293px;
	    height: 293px;
	}
	.imgbox p.img_beginner {
	    right: 5%;
	}
	ul.on_list figure {
	    width: 70%;
	}
	li.therapist a{
		display:block;
	}
	p.img_blust {
	    width: 50%;
	}
	p.img_beginner {
	    width: 15%;
	}
	p.ex {
	    text-align: center;
	    width: 100%;
	    margin: 0 auto 0%;
	    line-height: 1.7em;
	    font-size: 0.8em;
	}
	.st_num {
	    line-height: 1.7em;
	}
}
.dispmemo .comment {
    background: #eeeeee;
    padding: 2%;
}
img {
    width: 100%;
    max-width: 100%;
}
input[type="text"], select,input[type="date"],input[type="tel"],input[type="email"],input[type="number"],input[type="datetime-local"],textarea {
    width: 100%;
    padding: 2% 0%;
    font-size:1.0em;
    border:solid 1px #333333;
    color:#333333;
    border-radius: 0;
}
header {
    border-bottom: 1px solid #333333;
    padding: 0 0 2%;
    margin: 0 auto 5%;
}
div#Header {
    width: 40%;
    margin: 0 auto;
}
p.errmsg {
    color: #ff0000;
    margin: 0 0 5px;
}
