@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }



/******************************************************************

ORIGINAL STYLE

******************************************************************/
.top-bar, .top-bar ul {
font-family: 'Sofia', cursive;
background-color: transparent;
}

.top-bar {
border-top: 1px solid #addac2;
border-bottom: 1px solid #addac2;


  background-color: #addac2;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #fff), color-stop(.5, transparent), to(transparent));
  background-image: -moz-linear-gradient(left, #fff 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(left, #fff 50%, transparent 50%, transparent);
  background-image: linear-gradient(left, #fff 50%, transparent 50%, transparent);
  -webkit-background-size:  35px;
  -moz-background-size: 35px;
  background-size: 35px;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.top-bar img {
  opacity: 1;
}

.top-img {
	background-color: #EFF8F3;
}

.header-h1 {
	font-size: 80%;
  background-color: #addac2;
  margin-bottom: 0;
}
.footer {
	padding-top: 2rem;
  background-color: #addac2;
}
address {
	font-style: normal;
}
address img {
	display: block;
	margin-bottom: 1rem;
}

.menu li a{
    display: block;
}
.menu li a span{
	display:block;
	margin-top: .5rem;
        font-size:0.7rem;
        font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
      }

.page-title {
	text-align:center;
	font-family: 'Sofia', cursive;
	margin-bottom: 2rem;

}


.inner h2,
.entry-content h2,
.sidebar h4 {
    border-bottom: 3px dotted #a6937c;
    margin-bottom: 20px;
    text-indent: 10px;
    height: auto;
    margin-top: 30px;
	}

.sidebar h4 {
	font-size: 1.3rem;
}
.inner h2 {
	font-size: 1rem;
}
.top h2 {
	text-indent: 0;
	font-size: 1.3rem;
	color: #5e4c35;
}
.entry-content h3 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	}

.sbc-calendar {
	width: 100%;
}

.sbc-calendar-month {
    float: none;
    width: 95%!important;
    border: 0px solid #ccc!important;
    margin-right: 0px!important;
}

#sbc-calendar table {
    width: 100%;
}
.col {
	margin-bottom: 2rem;
}
table.tbl-trimming2 {
	border: 1px solid #ccc;
}
table.tbl-trimming2 caption {
	text-align: left;
	color: red;
}
table.tbl_salon th,
table.tbl_salon td {
	border-collapse:collapse;
}
table.tbl_salon th{
	text-align: right;
	vertical-align: top;
}

table.tbl_hotel th,
table.tbl_scaling th {
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
}

table.tbl_hotel th,table.tbl_hotel td,
table.tbl_scaling th,table.tbl_scaling td{
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.tbl_salon tbody tr:nth-child(odd),
table.tbl_hotel tr:nth-child(odd),
table.tbl_scaling tr:nth-child(odd){
	border-bottom: 0;
    background-color: #fff;
}
table.tbl_salon tbody tr:nth-child(even),
table.tbl_hotel tr:nth-child(even),
table.tbl_scaling tr:nth-child(even) {
	border-bottom: 0;
    background-color: #fff;
}
.bnr {
	text-align: center;
}
.concept {
    padding: 3rem 0.5rem;
    background: #eff8f3;
	margin-bottom: 2rem;
}
.concept p {
	text-align: left;
}

.desc  {
	text-align: center;
}
.desc p  {
	text-align: left;
	font-size: 90%;
	padding: 0 20px;
}

.desc img {
	width:90%;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 1em;
}


.top .button {
	float:right;
	margin-right: 20px;
}
p.caution {
	color:#FF0000;
	font-size: 90%;
}
.tel {
	font-size: 120%;
}
.tel small {
	font-size: 80%;
}

small {
	margin-top: 15px;
}
h1.single-title {
	font-size: 1.5rem;
}
.article-header h2 {
	font-size: 2rem;
	}
.info {
	margin-top:3rem;
}
.information {
	text-align: center;}
	
footer .card-logo {
	margin-top: 1.5rem;
}

.inner.flow {
	border: 1px solid #ccc;
	padding: 1rem;
	margin: .5rem;
	background-color: aliceblue;
}
.inner.flow h4 {
	margin-bottom: 2rem;
	text-align: center;
	color: cornflowerblue;

}
.scaling-photo {
	text-align: center;
}



.desc#insta img {
	height: 320px;
}

a.instagram-card{
  display: block;
/*  position: relative;
*/  margin-bottom: 16px;
}
 
.instagram-card__img{
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
 
/*// いいね数、コメント数*/
.instagram-card__badge{
	display: flex;
	line-height: 1;
	margin-left: 20px;
	color: #353535;
}
.instagram-icon {
	margin-right: .2rem;
}
.tellink {
	margin-bottom: .7rem;
}
.line {
	margin-bottom: 3rem;
}

@media screen and (max-width:767px) {
.header-h1 {
	text-align: center;
}
.header-h1 span {
	display:none;
}
.menu {
	display: table;
    table-layout: fixed;
	width: 100%;
    text-align: center;
	font-family: 'Sofia', cursive;
	font-size: 23px;

}
.off-canvas {
	background-color: #FFF;
}
.topbar-logo{
	width: 100%;
	}
footer {
	text-align: center;
}
table.tbl-trimming th {
	font-size: 90%;
}
.sbc-calendar-wrapper {
	margin-top: 1rem;
}
address img {
	margin-left: auto;
	margin-right: auto;
}
table.tbl_salon tbody td, table tbody th {
    padding: 0.5rem 0.3rem 0.3rem;
}
}
/* PC（768以上の端末） */
@media screen and (min-width:768px){
.menu.vertical>li {
    padding-top: 1rem;
}
.concept p {
	text-align: center;
}
.tel {
	text-align: left;
	display: inline-block;
    float: right;
	width: 30%;
}
.tellink {
	font-size: 150%;
	font-family: 'Sofia', cursive;
	font-style: normal;	
}
.top-bar-left .menu li {
	text-align: left;
}
.page-title {
	margin-bottom: 5rem;
}
.col {
	margin-bottom: 5rem;
}
.inner h2,
.inner h4,
.entry-content h2 {
	margin-bottom: 3rem;
	}
address {
	text-align: left;
}
.copyright {
	margin-top: 1rem;
	text-align: center;
	position: absolute;
	bottom: 0;
	font-size: .8rem;
}

}
@media screen and (min-width:1024px){
.top-bar, .top-bar ul {
font-size: 20px;
}
header .menu li a{
    padding: 0.5em 2em;
}
.tel {
	width: auto;
}
table.tbl_salon th{
	width: 40%;
}
}


/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }