@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
/*font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN',Verdana,'ＭＳ Ｐゴシック', sans-serif;*/
/*font-family: 'Noto Sans JP', sans-serif;*/
font-family: "Hiragino Maru Gothic Pro","メイリオ",Meiryo,serif;
color: #333;
font-size: 14px;
/*
background: #fff;
*/
background: #f0f9ff;
font-weight: normal;
margin: 0;
-webkit-text-size-adjust: 100%;
line-height:1.8;
}

/* xxs xs - SLIDE MENU */

#page {
-webkit-box-shadow: 3px -3px 3px -1px rgba(0,0,0,0.20);
-moz-box-shadow: 3px -3px 3px -1px rgba(0,0,0,0.20);
box-shadow: 3px -3px 3px -1px rgba(0,0,0,0.20);
}

.mm-listitem_divider {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-transform: uppercase;
padding: 5px 10px 5px 20px;
font-size: 14px !important;
}

.fas {
font-size: 16px;
}

.far {
font-size: 16px;
}

/* 2023/12/14 とりあえずの色変更 */
/* .pink {
color: #df4a74 !important;
background: #fae4ea !important;
} */
.pink {
  color: #2079ec !important;
  background: #96dce9 !important;
}
  
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="select"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0px;
border-style: none;
border-color: transparent;
}


/* COLOR CHART */

/*
light pink BG #fff1f
pink BTN #ffd7d7
light gray BG #fafafa
light pink LINE #e4e4e4
pink text #df4a74
*/


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
margin: 0;
padding: 0;
font-weight: normal;
color: #333;
}

h1 {
font-size: 24px;
font-weight: bold;
line-height: 1.4;
}

h2 {
font-size: 18px;
font-weight: bold;
line-height: 1.4;
}

h3 {
font-size:16px;
font-weight: bold;
line-height: 1.4;
}

h4 {
font-size:16px;
font-weight: bold;
line-height: 1.4;
}

.b {
font-weight: bold !important;
}

p, ol, ul, li {
line-height: 1.8;
}

.clear-fix {
clear: both;
}

.clearfix {
clear: both;
}

.border-p10 {
border: solid 1px #ccc;
padding: 10px;
}

.border-p20 {
border: solid 1px #ccc;
padding: 20px;
}

.p10 {
padding: 10px;
}

.p20 {
padding: 20px;
}

.p30 {
padding: 30px;
}

.content {
padding-top: 50px;
}

/* MARGIN ============================== */

.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.ml5 {margin-left:5px !important;}
.ml15 {margin-left:10px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.pl5 {padding-left:0px !important;}

/* TEXT ============================== */

.t6 {font-size:6px;}
.t8 {font-size:8px;}
.t9 {font-size:9px;}
.t10 {font-size:10px;}
.t12 {font-size:12px;}
.t14 {font-size:14px;}
.t16 {font-size:16px;}
.t18 {font-size:18px;}
.t21 {font-size:21px !important; }
.t24 {font-size:24px;}
.t28 {font-size:28px;}
.t32 {font-size:32px;}
.t36 {font-size:36px;}

.t12b {font-size:12px; font-weight: 500;}
.t14b {font-size:14px; font-weight: 500;}
.t16b {font-size:16px; font-weight: 400;}
.t18b {font-size:18px; font-weight: 400;}
.t21b {font-size:21px; font-weight: 400;}
.t24b {font-size:24px; font-weight: 400;}
.t28b {font-size:28px; font-weight: 400;}
.t32b {font-size:32px; font-weight: 400;}
.t36b {font-size:32px; font-weight: 400;}

p {
padding: 0;
margin: 0;
}



/* LINK BTN */

a:link {
color: #666;
text-decoration: none;
}

a:visited {
color: #666;
text-decoration: none;
}

a:hover {
color: #666;
text-decoration: none;
}

a:focus, *:focus {
outline:none;
}

a.btn {
color: #fff;
}


/* BUTTON 1 */

a.link-line-btn {
max-width: 300px;
font-size: 14px;
line-height: 1.8;
text-align: center;
color:  #666;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration: none;
margin: 0 auto 0;
font-weight:400;
padding:10px 10px 10px;
border: solid 2px #39bcf0;
background: #39bcf0;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
}

a.link-line-btn:hover {
background: none;
text-decoration: none;
box-sizing: border-box;
border: solid 2px #39bcf0;
color: #333;
color:  #666;
}


/* BUTTON 2 */

a.link-line-btn2 {
max-width: 280px;
font-size: 14px;
line-height: 1.8;
text-align: center;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration: none;
margin: 0 auto 0;
font-weight:400;
padding:5px 10px 5px;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border: solid 1px #816c50;
color: #816c50;
}

a.link-line-btn2:hover {
background: none;
text-decoration: none;
box-sizing: border-box;
color: #fff;
border: solid 1px #816c50;
background: #816c50;
}


/* BUTTON UPLOAD */

a.upload-btn {
max-width: 280px;
font-size: 14px;
line-height: 1.8;
text-align: center;
color:  #666;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration: none;
font-weight:400;
padding:10px 10px 10px;
border: solid 2px #dfdfdf;
background: #dfdfdf;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
}

a.upload-btn:hover {
background: none;
text-decoration: none;
box-sizing: border-box;
border: solid 2px #dfdfdf;
color: #333;
color:  #666;
}



a.upload-btn2 {
max-width: 280px;
font-size: 14px;
line-height: 1.8;
text-align: center;
color:  #666;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration: none;
font-weight:400;
padding:10px 10px 10px;
border: solid 2px #dfdfdf;
background: #fff;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
}

a.upload-btn2:hover {
background: none;
text-decoration: none;
box-sizing: border-box;
border: solid 2px #dfdfdf;
background: #dfdfdf;
color: #333;
color:  #666;
color:  #fff;
}





/* LOADER =====================================*/

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 2000;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 2100;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #06c;
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}



/* BG COLOR =====================================*/

/* LIGHT BLUE */
.bg-color1 {
background: #f0f9ff;
}

/* LIGHT GRAY */
.bg-lgray {
background-color: #fafafa;
}



/* NAVI =====================================*/

.navbar-toggle {
cursor: pointer;
}

.navbar {
background: #fff ;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background: #fff ;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
border: none !important;
}

.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 7px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: none !important;
border-radius: 4px;
}

nav a{
font-weight: 400 !important;
}

.navbar-brand {
margin-right: 10px;
}

.navbar-brand {
margin-top: -15px;
margin-right: 10px;
font-size: 21px;
font-weight: 400 !important;
}



/* FOOTER =====================================*/

.site-footer {
border-top: solid 1px #000;
padding: 10px 0;
color: #999;
text-align: center;
background: #000 ;
font-size: 12px;

}

.copyright {
margin-top:5px;
}



/* SCROLL TOP =====================================*/

.scroll-top {
position: fixed;
bottom: 0px;
right: 10px;
z-index: 100;
display: none;
}



/* CAROUSEL =====================================*/

#Container_Carousel {
/*position: relative;*/
background: #96dce9;

}

.carousel-text {
max-width: 1000px;
margin: 0 auto 50px;
padding: 20px 15px 0 15px;
color: #000;
}

.carousel-text h2 {
color: #000;
}

.carousel-search-wrap {
max-width: 680px;
margin: 0 auto 0;
padding: 0 0 50px;
}

.visual-text-wrap {
text-align: center;
margin: 0 auto 0;
}


/* MAIN VISUAL */

#visual-wrap {
padding: 0;
margin: 50px auto 0;
max-width: 100%;
}


/* Firefox appearance */
select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}

input:-ms-input-placeholder{
text-align: left;
}


/* IE appearance */
select::-ms-expand {
display: none;
}


/* placeholder */

.datepicker::placeholder {
color: #666 !important;
}

.datepicker {
color: #666 !important;
}


:placeholder-shown {
color: #999; 
}


/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
color: #666; 
color: #999; 
}

/* Firefox 18- */
:-moz-placeholder {
color: #666; /*opacity: 0.3; */
color: #999; 
}

/* Firefox 19+ */
::-moz-placeholder {
color: #666; /*opacity: 0.3; */
color: #999; 
}

/* IE 10+ */
:-ms-input-placeholder {
color: #666; 
color: #999; 
}

.form-control {
font-size: 14px;
line-height: 1.42857143;
color: #666;
text-align: left;
}

.form-search-Btn {
font-size: 16px;
background-color: #808080 ;
cursor: pointer;
outline: none;
padding: 7px 9px 7px;
border-radius : 0px !important;
-webkit-border-radius : 0px !important;
border: 1px solid #816c50;
border: 1px solid #808080;
width: 100%;
color: #fff !important;
margin: 0 2px 0;
}



/* FORM */

.form-input-text {
width: 100%;
color: #666;
padding: 10px;
font-size: 16px;
line-height: 1.3333333;
border: solid 1px #ccc;
}

.form-input-checkbox {
}

.search-wrap .input-lg {
width:100%;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
}

.search-wrap .input-lg {
height: 46px;
padding: 10px 16px;
font-size: 16px;
line-height: 1.3333333;
border-radius: 0px !important;
}

.search-wrap .form-input,
.form-pulldown {
font-size: 16px !important;
border-radius: 0px !important;
}

.search-wrap .top-search {
-webkit-appearance: none;
padding:5px;
margin: 10px 2px;
border-radius: 4px; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px;
}

.search-wrap .form-control {
font-size: 16px !important;
}

.search-wrap select.input-lg {
height: 46px !important;
line-height: 16px;
color: #666;
}

.search-wrap input, select, textarea {
-webkit-appearance: none;
vertical-align:middle !important;
color: #666;
}

/* Firefox 18- */
input.input-lg:-moz-placeholder {
color: #666; /*opacity: 0.3; */
color: #999; 
}

/* Firefox 19+ */
input.input-lg::-moz-placeholder {
color: #666; /*opacity: 0.3; */
color: #999; 
}

input[type="button"],
input[type="text"],
input[type="submit"],
textarea {
-webkit-appearance: none !important;
}

textarea {
resize: vertical;
}

input.input-lg::-webkit-input-placeholder  {
-webkit-appearance: none;
vertical-align:middle !important;
color: #666 ;
color: #999; 
}

input.input-lg  {
-webkit-appearance: none;
vertical-align:middle !important;
color: #666;
color: #999; 
}

.search-wrap .submit_button {
-webkit-appearance: none;
vertical-align:middle !important;
text-align:center !important;
}

.search-wrap .input-lg {
padding-left:10px !important;
text-align: left ;
width:100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
}


.selectWrap{
width: 100%;
position: relative;
display: inline-block;
}

.search-wrap .selectWrap::after {
content: '';
width: 6px;
height: 6px;
border: 0px;
border-bottom: solid 2px #b4b3b3;
border-right: solid 2px #b4b3b3;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 10px;
margin-top: -4px;
}

.search-wrap .select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 40px;
background: transparent;
position: relative;
z-index: 1;
padding: 0 40px 0 10px;
border: 1px solid #b4b3b3;
border-radius: 2px;
}

.search-wrap select::-ms-expand {
display: none;
}


/* LOGIN */

.login-wrap {
text-align: center;
max-width: 400px;
max-height: 400px;
background: #fff;
padding: 50px 30px;
position: absolute;
margin: auto;
margin: 0 auto 0;
top: 100px;
left: 0px;
right: 0px;
z-index:1100;
}

.login-wrap input::placeholder {
color: #999; 
}

.login-wrap input[type="text"]{
-webkit-appearance: none;
border-radius: 0px !important;
}


/* MY PAGE  */

.mypage-info-wrap input[type="text"]{
-webkit-appearance: none;
border-radius: 0px !important;
}

.mypage-info-wrap {
margin-bottom: 30px;
}

.mypage-info-wrap h4 {
margin-bottom:5px;
}

.mypage-info-wrap p {
font-size: 12px;
/* margin-bottom: 10px;*/
}

.booking-check {
margin-top:8px !important;
margin-bottom:8px !important;
}



/* JQUERY datepicker =====================================*/

#ui-datepicker-div {
width: 240px !important;
}

.ui-datepicker-calendar td{
padding: 1px !important;
}

.ui-state-default {
padding-top: 1px !important;
padding-bottom: 1px !important;
padding-left: 3px !important;
padding-right: 3px !important;
font-size:16px !important;
text-align: center !important;
}

.ui-widget-content {
padding: 10px !important;
}

.ui-corner-all {
border-radius: 0;
/*padding: 10px !important;*/
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid white;
background: #fff;
font-weight: normal;
color: black;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: #f4f4f4;
font-weight: normal;
color:  #000;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #000;
text-decoration: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid white;
background: #fff;
font-weight: normal;
color: #000;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #000;
text-decoration: none;
}



/* FRONT PAGE =====================================*/

.border-top {
margin: 0;
padding: 0;
border-top: solid 1px #d5d5d5;
}

.container-fluid2 {
margin-right: auto;
margin-left: auto;
max-width: 1060px;
background-color: transparent;
}

.container-fluid3 {
margin-right: auto;
margin-left: auto;
max-width: 1060px;
background-color: transparent;
padding:15px;
}

.container-fluid-inner {
padding: 15px;
margin-right: auto;
margin-left: auto;
}

.top-heading{
width:100%;
text-align:center;
font-size:21px;
line-height:1.4;
padding:20px 0 20px 0;
font-weight:300;
}

.v-heading {
line-height:1.4;
color: #462a05;
font-weight: 400;
margin-bottom: 10px;
}

.visual-text-wrap p {
font-weight: 400;
color: #462a05;
}



/* FLOW =====================================*/

.flow-wrap {
border: solid 1px #000;
}



/* Consultrant =====================================*/

.provider-box {
text-align:left;
}

.provider-box-inner {
background: #fff;
}

.list-photo-box {
}

.list-photo-nail {
margin-bottom:0px;
}

.white-wrap-left {
float:left;
width:65px;
}

.white-wrap-right {
float:left;
}

.center-wrap {
text-align:center;
}

.overview-box {
text-align:left;
margin:0 0 30px;
}


/* INFO */

.info-list {
list-style-type: none;
margin: 0;
padding: 0;
}

.info-list li{
margin: 0;
padding: 0;
}



/* RESULT LIST =====================================*/

.result-list {
padding: 0 0 10px 0;
background: #f5f2ed;
}

.result-box {
margin-bottom:20px;
padding-bottom:15px;
}

i.fa-ellipsis-h {
padding-top: 2px;
line-height:1.8 !important;
}

.area-tag{
font-size:6px;
border: solid 1px #999;
padding:1px 2px;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
margin-left:0px;
margin-right:0px;
white-space: nowrap;
}

.provider-data {
font-size: 13px;
line-height:1.4;
}

.provider-data2 {
font-size: 16px;
line-height:1.6;
}

.business-hours {
margin-bottom:5px;
font-size: 13px;
line-height:1.4;
}

/* Consultant PAGE ==================== */

.provider-area2 {
margin-bottom:5px;
line-height:2.4;
}

.area-tag2{
font-size:14px;
border: solid 1px #999;
padding:2px 5px;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
margin-left:0px;
margin-right:0px;
white-space: nowrap;
}

.circle-wrap {
border-radius: 40px;
height: 80px;
width: 80px;
overflow: hidden;
}

h3.provider-pr {
font-size:16px;
margin-bottom:15px !important;
font-weight:400;
line-height:1.6;
color: #c36550;
}

/* BUTTON 1 add 20180724 */

a.radius-btn {
max-width: 180px;
font-size: 14px;
line-height: 1.6;
text-align: center;
color: #000;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration: none;
/*margin: 0 auto 0;*/
font-weight:400;
padding:5px 10px 5px;
border: solid 2px #eee;
background: #eee;
border-radius: 20px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px;
}

a.radius-btn:hover {
background: none;
text-decoration: none;
box-sizing: border-box;
border: solid 2px #eee;
color: #000;
}



/* SNS ICON */

/*
.sns-icon {
font-size: 32px;
color: #999;
}
*/



/* BOOKING CALENDAR =================== */

.calendar-wrap {
margin-bottom: 70px !important;
}


/* CARENDAR NAVI */

.datenavi-top {
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
}

.datenavi-bottom {
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
}

.list_datenavi {
width:100%;
/*background: #fff1f1;*/
padding: 5px;
}

.list_pagenavi .prev_page {
float: left;
width: 20%;
}

.list_pagenavi .next_page {
float: right;
width: 20%;
text-align: right;
}

.list_pagenavi .list_datenavi {
float: left;
width: 60%;
text-align: center;
}

.list_pagenavi .list_datenavi a {
margin: auto 10px;
}



/* CARENDAR TABLE */

table.weekly_schedule {
width: 100%;
border-collapse: collapse;
padding: 1px;
border: 1px solid #ccc;
}

table.weekly_schedule th {
border: 1px solid #ccc;
text-align: center;
line-height: 1.3em;
/*background-color: #f9f9f9;*/
color:  #666;
}

table.weekly_schedule .head th {
padding-top: 5px !important;
padding-bottom: 5px !important;
}

table.weekly_schedule td, table.weekly_schedule th {
border-width: 1px 1px 0;
border-style: solid;
border-color: #ccc;
text-align: center;
line-height: 1.3em;
}

th.times {
background-color: #f9f9f9;
}

table.weekly_schedule th.times {
width: 10%;
padding-left: 5px;
padding-right: 5px;
}

table.weekly_schedule th.sunday {
/*
background-color: #ffeef6;
color: #c06;
*/
}

table.weekly_schedule th.saturday {
/*
background-color: #eef6ff;
color: #06c;
*/
}

table.weekly_schedule td.open {
color: #fff;
}

table.weekly_schedule td.open a {
display:block;
padding: 6px;
background-color: #f0f9ff;
color:  rgb(0, 153, 255);
font-size: 20px;
}

table.weekly_schedule td.open a:hover {
background-color: #f0f9ff;
}

table.weekly_schedule td.closed {
background-color: #eee;
color:  #666;
}

table.weekly_schedule td.past {
}

table.weekly_schedule td.you {
background-color: #ffa;
}

table.weekly_schedule td.you a {
}

.status a {
display: block;
}

.list_datenavi {
width:100% !important;
}

.next_page,
.prev_page {
height: 0;
}


a.update-btn {
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
max-width: 280px;
font-size: 16px;
line-height: 1.8;
text-align: center;
color: #fff;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
text-decoration: none;
margin: 0 auto 0;
font-weight:400;
padding:5px 15px 0;;
height: 45px;
border: solid 2px #808080;
background: #808080;
}

a.update-btn:hover {
background: none;
text-decoration: none;
box-sizing: border-box;
border: solid 2px #808080;
color: #333;
}



/* SIDE BAR =====================================*/

.sidebar {
}

.sidebar-wrap h4 {
font-size: 16px;
padding: 0 0 10px 0;
border-bottom: solid 1px #ccc;
font-weight: 400 !important;
margin-top:15px;
margin-bottom:15px;
}

.sidebar-wrap {
margin-bottom: 30px;
}



/* JQUERY datepicker =====================================*/

.ui-datepicker-header {
background: #fff !important;
font-weight: 300;
}

.ui-datepicker-calendartbody  td{
background: #fff !important;
}

.ui-datepicker-week-end {
background: #fff !important;
}

.ui-datepicker-current-day {
background: #ccc !important;
}



/* PAGE =====================================*/

/* FAQ PAGE =====================================*/

.faq-wrap {
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
padding:10px 10px 10px 10px;
}

.faq-btn {
font-weight: bold;
cursor: pointer;
}

.faq-open {
/*padding-top:10px !important;*/
}

.faq-q {
width: 40px !important;
color: #ff6666;
float:left;
font-weight: bold;
display: table-cell;
}

.faq-a {
width: 40px !important;
color: #3399ff;
float:left;
font-weight: bold;
display: table-cell;
}

.faq-text {
display:inline;
display: table-cell;
}

.border-bottom {
border-bottom: solid 1px #ccc;
}



/* MESSAGE BOX =====================================*/

.message-text dt {
float:left;
width:40px;
}

.message-text dd {
margin-left:60px;
}

.message-text-user {
background: #e9e9e9;
padding:10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
position: relative;
display: inline-block;
}

.message-text-user::before{
content: '';
position: absolute;
display: block;
width: 10px;
height: 0;
left: -10px;
top: 10px;
border-right: 10px solid #e9e9e9;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}

.message-text-consultant {
background: #a1d7f0;
padding:10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
position: relative;
display: inline-block;
}

.message-text-consultant::before{
content: '';
position: absolute;
display: block;
width: 10px;
height: 0;
right: -10px;
top: 10px;
border-left: 10px solid #a1d7f0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}


/* BOOKING LIST add 20160628 =====================================*/


.booking-list-wrap {
border-bottom: solid 1px #ccc;
font-size: 13px;
}

.booking-list-box {
border-top: solid 1px #ccc;
padding: 12px 0 0 0;
line-height: 1.2;
}

.booking-list-right {
float:left;
width:80px;
}

.booking-list-left {
max-width: 600px;
float:left;
}

.booking-list-right .list-consultant-icon {
width: 70px;
height: 70px;
}

/* add 20180725*/
.booking-list-link a{
font-size: 12px;
}

.booking-list-link i {
font-size: 1em;
margin-right: 5px;
margin-left: 3px;
}

/* LAW PAGE =====================================*/

.law-list {
margin: 0 0 0 0; /* add 20180706 */
padding: 0 0 0 20px;
}



/* COMPANY PAGE =====================================*/

.company-table {
}

.company-table th{
width:70px;
}

.company-tabletd {
}



/* SNS =====================================*/

/* twitter */
#twitter-widget-1[style]{ 
width: 100% !important;
}

/* FACEBOOK */
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fb_iframe_widget span{
width: 100% !important;
}

/* GOOGLE MAP */
#map_canvas{
position: relative;
padding: 0 0 40%;
height: 0;
overflow: hidden;
}

#map_canvas iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* GOOGLE CALENDAR */
.cal_wrapper {
max-width: 940px; 
min-width: 300px; 
margin: 2.0833% auto;
}
     
.googlecal {
position: relative;
padding-bottom: 100%; 
height: 0;
overflow: hidden;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width: 600px) {
.googlecal {
padding-bottom: 75%;
}
}



/* GUTTER =====================================*/

.row-0 {
margin-left:0px;
margin-right:0px;
}
.row-0 > div {
padding-right:0px;
padding-left:0px;
}

.row-10 {
margin-left:-5px;
margin-right:-5px;
}
.row-10 > div {
padding-right:5px;
padding-left:5px;
}

.row-20 {
margin-left:-10px;
margin-right:-10px;
}
.row-20 > div {
padding-right:10px;
padding-left:10px;
}

.row-30 {
margin-left:-15px;
margin-right:-15px;
}

.row-30 > div {
padding-right:15px;
padding-left:15px;
}

.row-40 {
margin-left:-20px;
margin-right:-20px;
}
.row-40 > div {
padding-right:20px;
padding-left:20px;
}

.row-50 {
margin-left:-25px;
margin-right:-25px;
}
.row-50 > div {
padding-right:25px;
padding-left:25px;
}

#ui-datepicker-div {
width: 200px;
}



/* =========================================================== */ 
/* XXS SIZE : iPhone Retina Display xxs ============================== */ 
/* =========================================================== */

@media only screen and (min-width : 320px) {

/* LAYOUT ================================= */

.visible-xxs {
display: block !important;
}

.hidden-xxs {
display: none !important;
}

.row-30-10 {
margin-left:-5px;
margin-right:-5px;
}

.row-30-10 > div {
padding-right:5px;
padding-left:5px;
}

.container-fluid {
padding: 10px;
overflow: hidden;
}

.container-fluid2 {
padding: 0px; /* add 20180628 */
overflow: hidden;
}

.copyright {
font-size:12px;
}

.sidebar {
display:none;
}

.white-wrap {
background: #fff;
padding: 10px 10px 5px;
}

.white-wrap1 {
background: #fff;
}

.white-wrap1-inner {
padding: 10px;
}

.white-wrap2 {
background: #fff;
padding: 15px 15px 25px 15px ;
}

.white-wrap3 {
background: #fff;
padding: 15px;
}

.copyright {
font-size:10px;
}



/* NAVI ==================================== */

.navbar-brand {
padding-top:30px;
font-size:16px;
font-weight: 600 !important;
}

.nav .active {
background: #fff;
border-bottom: none;
}

.nav > li {
position: relative;
display: block;
text-align: center;
}

.navbar-header .navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 7px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border: none !important;
border: 1px solid #f1eee8 ;
}

.navbar-header button {
border: 1px solid #f1eee8 !important;
border: none !important;
}

.dropdown-menu li {
text-align: center;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 500px;
}

/* LOGIN  ============================ */




/* FRONT PAGE ============================= */

.carousel-text h2{
font-size:21px;
font-weight:300;
margin-bottom: 5px;
}

.carousel-text p{
font-size:12px;
}

.menu-wrap {
margin:0 0 20px 0;
border: solid 1px #462a05 !important;
padding:10px 5px 10px;
text-align:center;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #f6f4f0;
background: #f7f5f1;
color: #462a05 !important;
}

.menu-wrap h3 {
font-size:12px;
margin-top:10px;
font-weight: 400;
color: #462a05 !important;
line-height:1.5;
}

.menu-wrap .menu-icon {
font-size:24px;
}

.front-lead {
font-size:14px;
}



/* SEARCH ================================= */

.v-search {
max-width:400px;
margin: 0 auto;
}
.calousel-box {
height: 500px;
}

.v-heading {
font-size:18px;
}

.v-sub-heading {
font-size: 14px;
font-weight: 300;
margin-top:5px;
}

.v-search-wrap-btn {
clear:both;
}

.v-search {
max-width:200px;
text-align:center;
float: center;
}

.v-search-wrap {
margin: 2px;
width:200px;
text-align:center;
float: center;
}

.v-search-wrap2 {
margin: 2px;
width:200px;
text-align:center;
float: center;
}

.input-lg {
margin: 0 auto 0;
}

.v-search-wrap-btn {
width:200px;
}

.form-search-Btn {
margin: 2px 1px;
width:198px;
width:100%;
}



/* BOOKING CALENDAR =====================================*/

.weekly_schedule {
font-size: 8px !important;
}

/* PAGE */

.top-heading{
width:100%;
text-align:center;
font-size:16px;
line-height:1.4;
padding:20px 0 20px 0;
font-weight:400;
}

.page-title {
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.4;
text-align: center;
}



/* LIST PAGE ===================================== */

.result-item-list {
font-size: 14px;
}

.list-wrap-text {
font-size:12px;
}

.list-nickname {
font-size:12px;
margin-bottom:3px;
}

.list-area-tag-wrap {
margin-bottom:0px;
}

.list-area-tag{
font-size:8px;
border: solid 1px #999;
padding:1px 2px;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
margin-left:0px;
margin-right:0px;
white-space: nowrap;
}

.list-wrap-text .fas {
font-size: 12px;
}

.list-wrap-text .far {
font-size: 12px;
}

.rank-star {
font-size:12px;
color: #ffcc00;
}

.btn-info-open {
cursor: pointer;
}

.info-open {
font-size:12px;
line-height: 1.6;
}



/* PAGE LINK */

.content-nav {
margin: 20px auto 20px;
}

.content-nav ul {
margin:0;
padding:0;
text-align: center;
width: 100%;
}

.content-nav ul li {
font-size: 13px;
display: inline;
width:35px;
margin: 2px;
}

.content-nav ul li a {
text-decoration: none;
border: 1px solid #ccc;
padding: 10px 10px;
width:35px;
color: #000;
text-align: center;
background-color: #FFFFFF;
}

.content-nav ul li a:hover {
color: #ff6699;
border: 1px solid #ff6699;
}

.content-nav ul span.current-page {
border: 1px solid #ccc;
padding: 10px 10px;
color: #fff;
width:40px;
text-align: center;
background-color: #999;
}


/* ICON */

.list-consultant-icon {
margin-right: 5px;
width:60px;
height:60px;
border-radius: 50%; 
-webkit-border-radius: 50%; 
-moz-border-radius:50%;
}



/* Consultant PROFILE PAGE ==============================*/

.consultant-profile-area {
margin-bottom:5px;
line-height:2.4;
}

.consultant-profile-area-tag {
font-size:12px;
border: solid 1px #999;
padding:2px 5px;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
margin-left:0px;
margin-right:0px;
white-space: nowrap;
}

.consultant-profile-pr {
margin-top: 15px;
font-size:14px;
margin-bottom:15px !important;
font-weight: bold;
line-height:1.8;
color: #df4a74;
}

.consultant-profile-comment {
font-size: 14px;
line-height:1.8;
}

.business-hours {
padding-bottom: 0px;
margin-bottom: 0px;
}

.consultant-profile-inner-left {
float: left;
line-height: 30px;
}

.consultant-profile-inner-right {
float: left;
}

.consultant-name {
font-size:16px;
margin-bottom:0px;
}

.rank-star {
font-size:12px;
}

ul.consultant-profile-infolist {
list-style-type: none;
margin: 0;
padding: 0;
}

.consultant-icon-large {
margin-right: 20px;
width:60px;
height:60px;
border-radius : 50%;
-webkit-border-radius : 50%;
margin-bottom:10px;
}



/* COMMENT */

.comment-icon {
border-radius: 20px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px;
}

.comment-user {
margin-bottom:10px;
font-size: 14px;
}

.comment-date {
margin-right:10px;
font-size: 12px;
}

.user-comment {
font-size: 12px;
}



/* SIDE MENU =============================== */

.user-side-menu {
border-top: solid 1px #ccc;
padding:0;
margin:0;
list-style-type: none;
}

.user-side-menu li {
padding:5px 0 5px 0;
margin:0;
border-bottom: solid 1px #ccc;
}



/* SLIDE SIDE MENU =============================== */

.mm-listitem:after {
left: 20px;
}

.mm-listitem:after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}



/* SLIDE SIDE MENU SERACH =============================== */

.mm-navbar {
border-bottom: 1px solid;
border-color: inherit;
text-align: center;
line-height: 25px;
display: none;
height: 50px;
padding: 3px 40px 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 1;
transition: opacity .4s ease;
}

.sidebar-search .mm-listview {
margin: 0px -20px 10px !important;
}

.mm-navbar {
background: #e0e0e0;
}

.sidebar-search .input-lg{
padding:5px !important;
height:36px;
margin: 0px;
}

.sidebar-search .form-search-Btn{
padding:5px !important;
height:36px;
}



/* JQUERY CALENDAR =============================== */

.heading-bar {
width:100%;
text-align:center;
font-size:20px;
line-height:1.4;
font-weight:500;
padding: 10px 10px;
/*
background: #fafafa;
border-top: solid 1px #e7e1d4;
border-bottom: solid 1px #e7e1d4;
border-top: solid 1px #e4e4e4;
border-bottom: solid 1px #e4e4e4;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
*/
margin-top:30px;
margin-bottom:20px;

color:#06c;
font-weight: bold;

}

} /* End */



/* ============================================================== */ 
/* XS SIZE : Extra Small Devices, Phones xs ============================== */ 
/* ============================================================== */ 

@media only screen and (min-width : 480px) {

/* LAYOUT ============================ */

.visible-xxs {
display: none !important;
}

.hidden-xxs {
display: block !important;
}

.copyright {
font-size:12px;
}



/* NAVI  ============================ */

.navbar-toggle {
display: inline;
}



/* LOGIN  ============================ */

.login-bg {
background: rgba(000,000,000,0.6);
width:100%;
height:100%;
position:absolute;
z-index:1000;
}




/* FRONT PAGE  ============================ */

.front-lead {
font-size:16px;
}

.list-consultant-photo {
height:100%;
overflow:hidden;
}

.list-consultant-photo img{
display:block;
width:100%;
height:auto;
}


/* LIST PAGE ============================ */


/* Consultant PROFILE PAGE ============================ */

.consultant-profile-left {
margin-right: 10px;
float:left;
}

.consultant-profile-right {

float:left;
}

.consultant-profile-inner-left {
float: left;
}

.consultant-profile-inner-right {
float: left;
}

.consultant-name {
font-size:21px;
margin-bottom:0px;
}

.rank-star {
font-size:14px;
}

.consultant-icon-large {
margin-right: 20px;
width:70px;
height:70px;
border-radius : 50%;
-webkit-border-radius : 50%;
}

.user-comment {
font-size: 14px;
}



/* BOOKING CALENDAR */

.weekly_schedule {
font-size: 14px !important;
font-weight: 300t;
}

} /* End */



/* ============================================================== */ 
/* S SIZE tablet : Small Devices, Tablets sm ============================== */
/* ============================================================== */ 

@media only screen and (min-width : 768px) {

/* LAYOUT ============================ */

.container {
max-width: 1030px;
}

.row-30-10 {
margin-left:-15px;
margin-right:-15px;
}

.row-30-10 > div {
padding-right:15px;
padding-left:15px;
}

/*
.container-fluid {
padding: 30px;
}
*/
.container-fluid2 {
padding: 30px;
}

.sidebar {
display:block;
}

.white-wrap {
background: #fff;
padding: 10px 10px 5px;
}

.white-wrap2 {
background: #fff;
padding: 20px;
}

.white-wrap3 {
background: #fff;
padding: 30px;
}

.white-wrap0 {
background: #fff;
}


/* NAVI ============================ */

.navbar-toggle {
display: none !important;
}

.nav .active {
background: #fff;
border-bottom: solid 2px #000;
}

.nav > li {
position: relative;
display: block;
text-align: center;
}



/* FRONT PAGE ============================ */

.carousel-text h2{
font-size:28px;
font-weight:300;
margin-bottom: 5px;
}

.carousel-text p{
font-size:15px;
}

.menu-wrap {
margin:0px;
border: solid 1px #462a05 !important;
padding:20px 10px 20px;
text-align:center;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #f7f5f1;
color: #462a05 !important;
}

.menu-wrap h3 {
font-size:14px;
margin-top:10px;
font-weight: 400;
color: #462a05 !important;
}

.menu-wrap .menu-icon {
font-size:38px;
}

.menu-box {
margin-bottom:10px;
}



/* SEARCH */

.form-search-Btn {
font-size: 16px;
background-color: #808080 ;
cursor: pointer;
outline: none;
padding: 7px 9px 7px;
border-radius : 0px !important;
-webkit-border-radius : 0px !important;
border: 1px solid #816c50;
border: 1px solid #808080;
width: 100%;
color: #fff !important;
}

.v-search {
max-width: 680px;
margin: 0 auto;
}

.v-search-wrap {
width:140px;
float: left;
}

    .v-search-wrap2 {
        width:280px;
        float: left;
    }


.v-search-wrap-btn{
width:140px;
float: left;
margin: 0 2px 4px;
}

.input-lg {
text-align: left !important;
width:100%;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
}

.form-input,
.form-pulldown {
font-size: 16px !important;
}

.v-heading {
font-size:24px;
}

.v-sub-heading {
font-size: 18px;
font-weight: 300;
margin-top:10px;
}

.v-search-wrap-btn {
width:140px;
float:left;
clear:none;
}

.calousel-box {
height: 400px;
}



/* PAGE COMMON ============================ */

.top-heading{
width:100%;
text-align:center;
font-size:21px;
line-height:1.4;
padding:20px 0 20px 0;
font-weight:400;
}

.page-title {
margin-top: 10px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 300;
line-height: 1.4;
text-align: left;
}



/* LIST PAGE ============================ */

.result-item-list {
font-size: 16px;
}

/* Consultant ICON */

.list-consultant-icon {
margin-left:20px;
margin-top:20px;
margin-right:10px;
width:60px;
height:60px;
border-radius: 50%; 
-webkit-border-radius: 50%;  
-moz-border-radius: 50%; 
}

/* USER PAGE */

.side-menu-wrap {
margin: 0 0 30px;
padding: 0;
}

.side-menu-wrap .Divider {
border-top: solid 1px #ccc;
background: transparent;
}

.side-menu-wrap ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.side-menu-wrap li {
margin: 0;
padding: 6px 0 6px 0px;
font-size: 14px;
}

.side-menu-wrap li a:link {
}

.side-menu-wrap li a:hover {
color: #df4a74
}



/* PROFILE PAGE ============================ */

.consultant-profile-area-tag{
font-size:12px;
border: solid 1px #999;
padding:2px 5px;
border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
margin-left:0px;
margin-right:0px;
white-space: nowrap;
}



/* BOOKING CALENDAR */

table.weekly_schedule td, table.weekly_schedule th.times {
border-width: 1px 1px 0;
border-style: solid;
border-color: #eee #ccc;
text-align: center;
line-height: 1.8em;
}

} /* End */



/* ============================================================== */ 
/* M SIZE desktop : Medium Devices, Desktops md ======================== */
/* ============================================================== */ 

@media only screen and (min-width : 992px) {


} /* End */


/* ============================================================== */ 
/* L SIZE widescreen : Large Devices, Wide Screens lg ====================== */
/* ============================================================== */ 

@media only screen and (min-width : 1200px) {


} /* End */


.fa-small {
font-size: 1em 
}

.fa-icon-live {
color: #ff6699;
}

.fa-icon-done {
color: #33cc99;
color: #66cc33;
}

.fa-icon-cancel {
color: #999;
}